CSS line-height属性:

line-height属性用于设置行间的距离(行高),可以控制文本行与行之间的距离 其实行高(行间距)实质上是通过上间距,下间距来控制的,而不是文本的高度(文字的上边缘到下边缘的距离 )。假如文字的像素是 16px,行高设置的越大时,文字的像素始终不变,改变的是文字的上下间距。假如行高是26px,那么上下间距各5px,即增加行高,只会增加上下间距。

小技巧:多行文字的行高其实就是该行文字的下边缘到下一行文字的下边缘

在这里插入图片描述

注意:我们在设置文字的水平居中时,用text-align属性,垂直居中时,用line-height。但是line-height的设置需要与height保持相同,行高与高相同时,才能使其垂直居中


Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐