Line-height 的值设置为一个具体值,可以是相对值,也可以是绝对值。在静态页面中,当文字大小固定时,往往会使用绝对值,但对于论坛和博客来说,这些用户可以自定义页面字体大小,通常设置为相对值,这样就可以改变相应的行距用户定义的字体大小。
不允许负值。
此属性影响行盒的布局。当应用于块级元素时,它定义该元素中基线之间的最小距离而不是最大距离。
计算出的行高和字体大小之间的差异(在CSS中称为“行距”)被分成两半,并添加到一行文本内容的顶部和底部。可以包含此内容的最小框是行框。
原始数值指定缩放因子,后代元素将继承此缩放因子而不是计算值。
示例如下:
p.small {line-height: 90%}p.big {line-height: 200%}这是一个有标准行高的段落。大多数浏览器中的默认行高约为 110% 到 120%。这是一个具有标准行高的段落。这是一个具有标准行高的段落。这是一个具有标准行高的段落。这是一个具有标准行高的段落。这是一个具有标准行高的段落。
本段行高较小。该段落的行高较小。该段落的行高较小。该段落的行高较小。该段落的行高较小。该段落的行高较小。该段落的行高较小。
这一段行高较大。本段行高较大。本段行高较大。本段行高较大。本段行高较大。本段行高较大。本段行高较大。
输出结果:
(学习视频分享:css视频教学)