为啥对于单行文字，line-height设置成高度就垂直居中了？

首页课程实战体系课手记专栏慕课教程

来源：3-10 vertical-align

qq_慕用6596887

2020-08-10 23:08:57

为啥对于单行文字，line-height设置成高度就垂直居中了？视频11:10秒左右

写回答

1回答

好帮手慕星星

2020-08-11

已采纳

同学你好，行高计算的是包含文字本身的高度加上文字上下两部分的间距。因为文字自身显示的特点，行高的间距两部分间距是相等的：

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

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

0 学习 · 40143 问题

相似问题

回答 2

回答 2

回答 2

回答 1

回答 1