CSS line-height 属性
示例
为不同的 <div> 元素设置行高
div.a {
line-height: normal;
}
div.b {
line-height: 1.6;
}
div.c {
line-height: 80%;
}
div.d {
line-height: 200%;
}
自己动手试一试 »
更多“自己尝试”的例子见下文。
定义和用法
line-height 属性指定行的高度。
注意：不允许负值。
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS 语法
line-height: normal|number|length|initial|inherit;
属性值
| 值 | 描述 | 演示 |
|---|---|---|
| normal | 正常行高。这是默认值 | 演示 ❯ |
| 数字 | 一个数字，它将乘以当前字号来设置行高 | 演示 ❯ |
| length | 固定行高，单位为 px、pt、cm 等。 | 演示 ❯ |
| % | 以当前字号百分比表示的行高 | 演示 ❯ |
| initial | 将此属性设置为其默认值。阅读关于initial | |
| inherit | 从其父元素继承此属性。阅读关于inherit |
更多示例
示例
为不同的 <div> 元素设置像素和厘米为单位的行高
div.a {
line-height: 10px;
}
div.b {
line-height: 30px;
}
div.c {
line-height: 0.5cm;
}
div.d {
line-height: 1cm;
}
自己动手试一试 »
示例
为不同的 <div> 元素设置数字作为行高
div.a {
line-height: 0.5;
}
div.b {
line-height: 1.6;
}
div.c {
line-height: 2;
}
自己动手试一试 »
相关页面
CSS 教程： CSS 文本间距
HTML DOM 参考： lineHeight 属性
