CSS `line-height` 属性

说明

line-height CSS 属性设置块级元素（如段落）中文本行之间的高度（也称为行距）。

下表总结了此属性的使用上下文和版本历史记录。

属性的语法如下：

line-height:

下面的示例显示了 line-height 属性的作用。

p {
    line-height: 1.5;
}
div {
    line-height: 300%;
}

警告：百分比 (%) 和 em 值可能会产生意外结果。在大多数情况下，使用数字是设置 line-height 的首选方式，在继承的情况下不会出现意外结果。了解有关 CSS 计量单位的更多信息。

下表描述了该属性的值。

值	说明
`normal`	桌面浏览器使用大约 1.2 的默认值，具体取决于元素的 `font-family`。这是默认值。
number	将与元素的 `font-size` 相乘以设置 `line-height` 的数字。
length	`px`, `pt`, `cm`, `em` 中的长度值等。`line-height` 的负值是不允许的。
percentage	百分比用作乘数的方式与数值相同——属性的计算值等于元素 `font-size` 的指定百分比值。
`initial`	将此属性设置为其默认值。
`inherit`	在继承的情况下，如果 `line-height` 属性使用数字值，则子元素将继承指定的值，而不是该属性的结果计算值。负值是非法的。然而，如果使用百分比值，子元素将继承属性的计算值，而不是指定的百分比值。同样，负值是非法的。

所有主要的现代浏览器都支持 line-height 属性。

请参阅以下教程： CSS 文本.