line-height(常用于文本垂直居中)

line-height,行高,指的是行与行之间的距离,等于基线与基线之间的距离。

也就等于最大文字距离加上段与段的空白距离。

 

1.文本在盒子中垂直居中,我们的做法是让行高等于盒子的高度,这是为什么呢?

要想让文本在盒子中垂直居中,那么效果应该是这样的

 想要文本垂直居中,则上距离 一定等于 下距离

此时的行高,就等于 内容高度 + 下距离 + 上距离 = 盒子的高度。

原文地址:https://www.cnblogs.com/shizunatsu/p/12521861.html