单行文本垂直居中对齐为何要设置行高跟边框的高度一样的值就会居中显示??

来源:3-10 vertical-align

吾里刘三岁

2020-02-29 15:57:56

单行文本垂直居中对齐为何要设置行高跟边框的高度一样的值就会居中显示??

写回答

1回答

好帮手慕星星

2020-02-29

同学你好,指的是为什么行高和高度设置一样,单行文本就会垂直居中吗?可以参考下面解释:

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

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

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

自己可以测试下。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程