CSS3中的行間距設(shè)置

在CSS3中，可以使用line-height屬性來(lái)設(shè)置行間距。line-height屬性定義了行框之間的***小距離，它可以有多種單位，如像素(px)、點(diǎn)(pt)、厘米(cm)等。

如果你想設(shè)置一個(gè)元素的行間距為1.5倍，你可以這樣寫(xiě)：

p {
  line-height: 1.5;
}

或者，你也可以使用具體的單位來(lái)設(shè)置行間距，

p {
  line-height: 20px;
}

這將使段落元素的行間距變?yōu)?0像素。

line-height屬性只影響塊級(jí)元素，如段落(p)、標(biāo)題(h1-h6)、列表(ul、ol、li)等，對(duì)于內(nèi)聯(lián)元素，如鏈接(a)或強(qiáng)調(diào)文本(em)，line-height屬性將不起作用。

line-height屬性還可以與vertical-align屬性結(jié)合使用，以實(shí)現(xiàn)更復(fù)雜的行間距效果。

p {
  line-height: 1.5;
  vertical-align: top;
}

這將使段落元素的行間距變?yōu)?.5倍，并使文本在行框中頂部對(duì)齊。

CSS3提供了豐富的行間距設(shè)置選項(xiàng)，可以滿(mǎn)足各種排版需求。