如何用 CSS 控制文字的行间距？

发布时间：2024-07-06 文章来源：本站浏览次数：560

在 CSS 中，可以使用 line-height 属性来控制文字的行间距。

line-height 的取值可以是一个具体的长度值，如 px（像素）、em（相对于父元素的字体大小）、%（相对于父元素字体大小的百分比）等。

以下是一些示例：

使用像素值：

收起

css


复制

p {
  line-height: 20px;
}

使用相对单位 em：

收起

css


复制

p {
  line-height: 1.5em;  /* 假设父元素字体大小为 16px，则行间距约为 24px */
}

使用百分比：

收起

css


复制

p {
  line-height: 150%;  /* 假设父元素字体大小为 16px，则行间距约为 24px */
}

您可以根据具体的设计需求选择合适的取值方式来调整文字的行间距。

上一条：如何在网页中使用 CSS...

下一条：如何在 CSS 文件中使...