无法理解为啥line-height的值等于设置元素行高的值文字就可以居中呢
来源:3-10 vertical-align
慕函数4234673
2019-10-30 09:35:06
无法理解为啥line-height的值等于设置元素行高的值文字就可以居中呢
1回答
好帮手慕码
2019-10-30
同学你好!
行高计算的是包含文字本身的高度加上文字上下两部分的间距。因为文字自身显示的特点,行高的间距两部分间距是相等的:
所以当单行文本内容在一个盒子里面设置的行高值等于父元素高度值 ,除去文字本身的高度,上下两边的间距值一样,所以在盒子里面就垂直居中显示了。
自己可以测试下。
如果帮助到了你,欢迎采纳,祝学习愉快!
相似问题