中英文字底部对齐问题_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-21 09:44:07
asal
1875 orang telah melayarinya

如图所示,
1.做出的效果图“我靠谱”及其“I am accountable”无法底部对齐。
代码 
<h1>我靠谱 I am accountable</h1>
Salin selepas log masuk


2.效果图中 我靠谱 I am accountable 与右侧 “搜简历”底部也不是对齐的。
右侧“搜简历”代码为
 <ul><li>搜简历</li><li>登陆</li></ul>
Salin selepas log masuk


我尝试过设置 line-height,并设置vertical-align:bottom,但是无效。
不知道应该怎么样解决这两个问题,非常感谢!

回复讨论(解决方案)

用margin或者padding试试

用属性设置貌似是没法达到的,唯一的办法(目前我想出来的)就是比如你h1字体大小是20px,那就把h1高度设成20,如果li字体是12,那就li的height:12px,然后padding-top:8px;或margin-top:8px;然后所有的放一个div里面.

fontsize是字体设计者决定的,只能是自己测量出中英文字体的差,然后通过margin偏移量来实现对齐。

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan