css行间距属性设置(css行高line-height属性介绍)

 分类:div+css教程时间:2022-06-26 07:30:10点击:

css行高是什么意思?行高指的是文本行的基线之间的距离, 更简单来说行高是指文本行基线间的垂直距离, 行高也是文字大小与行距的和, 行高越大则行间距越大。文字的行间距属性line-height,该属性用来设置行间的距离,也就是我们经常说的行高。可以控制文字行与行之间的距离。

行间距属line-height属性

1、line-height的语法:

p {
   line-height: 16px;
}

2、什么是行间距呢?看下面这个图你就懂了

css行间距属性设置

对于一行文字来说,文字上面和上一行文字的下面,文本高度,文字的下面和下一行文字的上面,三者加起来就是整个行间距。

3、注意:line-height属性不允许使用负值,对于单文本来说,可以将行高设置为和父元素高度一致,让单行文本可以在父元素中垂直居中。

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: