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

發布時間：2024-07-06 文章來源：本站瀏覽次數：784

在 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 文件中使...