无法理解为啥line-height的值等于设置元素行高的值文字就可以居中呢

来源:3-10 vertical-align

慕函数4234673

2019-10-30 09:35:06

无法理解为啥line-height的值等于设置元素行高的值文字就可以居中呢

写回答

1回答

好帮手慕码

2019-10-30

同学你好!

行高计算的是包含文字本身的高度加上文字上下两部分的间距。因为文字自身显示的特点,行高的间距两部分间距是相等的:

http://img.mukewang.com/climg/5db8f3d90948ace801490096.jpg

所以当单行文本内容在一个盒子里面设置的行高值等于父元素高度值 ,除去文字本身的高度,上下两边的间距值一样,所以在盒子里面就垂直居中显示了。

自己可以测试下。

如果帮助到了你,欢迎采纳,祝学习愉快!


1

0 学习 · 40143 问题

查看课程