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像素。
需要注意的是,行高不仅影响文本的垂直位置,也会影响文本的行间距。当行高大于字体高度时,文本之间的间距就会增加。当行高小于字体高度时,文本之间的间距就会减少。