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

發(fā)布時(shí)間：2024-07-06 文章來源：本站瀏覽次數(shù)：432

在 CSS 中，可以使用 line-height 屬性來控制文字的行間距。

line-height 的取值可以是一個(gè)具體的長度值，如 px（像素）、em（相對于父元素的字體大小）、%（相對于父元素字體大小的百分比）等。

以下是一些示例：

使用像素值：

收起

css


復(fù)制

p {
  line-height: 20px;
}

使用相對單位 em：

收起

css


復(fù)制

p {
  line-height: 1.5em;  /* 假設(shè)父元素字體大小為 16px，則行間距約為 24px */
}

使用百分比：

收起

css


復(fù)制

p {
  line-height: 150%;  /* 假設(shè)父元素字體大小為 16px，則行間距約為 24px */
}

您可以根據(jù)具體的設(shè)計(jì)需求選擇合適的取值方式來調(diào)整文字的行間距。

上一條：如何在網(wǎng)頁中使用 CSS...

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

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