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

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

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

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

以下是一些示例：

使用像素值：

收起

css


復(fù)制

p {
  line-height: 20px;
}

使用相對(duì)單位 em：

收起

css


復(fù)制

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

使用百分比：

收起

css


復(fù)制

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

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

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

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

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