目录

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属性指定行的高度。

笔记:不允许使用负值。

展示演示❯

默认值: 普通的
遗传: 是的
可动画: 是的。阅读可动画的尝试一下
版本: CSS1
JavaScript 语法: 对象.style.lineHeight="30px"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
line-height 1.0 4.0 1.0 1.0 7.0


CSS 语法

line-height: normal| number| length|initial|inherit;

属性值

Value Description Demo
normal A normal line height. This is default Demo ❯
number A number that will be multiplied with the current font-size to set the line height Demo ❯
length A fixed line height in px, pt, cm, etc. Demo ❯
% A line height in percent of the current font size Demo ❯
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about 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 属性