css 行间距

时间:2023-06-01 13:41:32

CSS中,可以使用line-height属性来设置行间距(行高)。该属性定义了文本行框的高度,它可以影响行内元素在行框内的垂直对齐和间距。

line-height属性的取值可以是具体的长度值(如像素、百分比)或无单位的数字。

示例:

p {
line-height: 1.5; /* 设置行间距为当前字体大小的1.5倍 */
}

div {
line-height: 24px; /* 设置行间距为24像素 */
}

span {
line-height: 150%; /* 设置行间距为当前字体大小的150% */
}

在上述示例中,line-height属性分别应用于p、div和span元素,实现了不同的行间距效果。你可以根据需要调整具体的数值,以达到期望的行间距效果。

需要注意的是,line-height属性不仅可以用于调整行间距,还可以影响行内元素在行框内的垂直对齐。因此,在设置行间距时,需要综合考虑文本的垂直对齐和整体排版效果。

相关词 行间距