CSS line-height行间距属性用于对元素中定义的线框的最小高度。它设置内容的两行之间的间距。
它定义了内联元素上方和下方的空间量。它允许您独立于字体大小来设置行的高度。
CSS行高值
line-height属性值与CSS line-height属性需一起使用。
| 值 | 描述 |
|---|---|
| normal | 这是默认值。它指定法线高度。 |
| number | 它指定一个数字，该数字与当前字体大小相乘以设置行高。 |
| length | 它用于以px，pt，cm等设置行高。 |
| % | 它以当前字体的百分比指定行高。 |
| initial | 它将此属性设置为其默认值。 |
| inherit | 它从其父元素继承此属性。 |
CSS行高示例
<!DOCTYPE html>
<html>
<head>
<style>
h3.small {
line-height: 70%;
}
h3.big {
line-height: 200%;
}
</style>
</head>
<body>
<h3>
这是一个具有默认标准行间距的标题.<br>
这是一个具有默认标准行间距的标题.<br>
大多数浏览器中的默认行间距约为110％至120％.<br>
</h3>
<h3 class="small">
这是一个行间距较小的标题.<br>
这是一个行间距较小的标题.<br>
这是一个行间距较小的标题.<br>
这是一个行间距较小的标题.<br>
</h3>
<h3 class="big">
这是一个具有较大行间距的标题.<br>
这是一个具有较大行间距的标题.<br>
这是一个具有较大行间距的标题.<br>
这是一个具有较大行间距的标题.<br>
</h3>
</body>
</html>