css 行距

作者：惨美歌发布日期:2025-05-10 浏览:47

/* 设置行距的示例代码 */

/* 使用 line-height 属性设置行距 */
p {
  line-height: 1.5; /* 这里使用的是相对值，表示行高是字体大小的 1.5 倍 */
}

/* 也可以使用具体的像素值 */
p {
  line-height: 24px; /* 固定行高为 24 像素 */
}

/* 或者使用百分比 */
p {
  line-height: 150%; /* 行高是字体大小的 150% */
}

解释说明：

line-height 是 CSS 中用于设置行距的属性。
可以使用相对值（如 1.5），它表示行高是字体大小的倍数。
也可以使用具体的像素值（如 24px），这会将行高固定为指定的像素值。
百分比值（如 150%）则表示行高是字体大小的百分比。

上一篇：渐变css

下一篇：菜鸟css