css line-height样式

时间:2023-04-03 22:22:12

CSS的line-height样式用于设置行高,即一行文本的高度。它可以用像素、百分比或无单位的数值来指定。

以下是设置line-height的示例:

p {
line-height: 1.5; /* 将段落文本的行高设置为1.5倍的字体高度 */
}

h1 {
line-height: 150%; /* 将标题文本的行高设置为字体高度的150% */
}

span {
line-height: 24px; /* 将span元素的行高设置为24像素 */
}

在这个例子中,第一个规则将段落文本的行高设置为1.5倍的字体高度,第二个规则将H1标题文本的行高设置为字体高度的150%,第三个规则将span元素的行高设置为24像素。

需要注意的是,行高不仅影响文本的垂直位置,也会影响文本的行间距。当行高大于字体高度时,文本之间的间距就会增加。当行高小于字体高度时,文本之间的间距就会减少。

相关词 行高