在CSS中,可以使用line-height
屬性來設(shè)置文字的行間距,這個(gè)屬性可以指定文字行之間的***小距離,使得文本更加易讀。
如果你想要將文字的行間距設(shè)置為1.5倍,你可以使用以下CSS代碼:
p { line-height: 1.5; }
這段代碼會(huì)將所有<p>
標(biāo)簽中的文字行間距設(shè)置為1.5倍,你也可以將p
替換為任何其他的HTML元素,或者指定具體的類名或ID來應(yīng)用這個(gè)樣式。
如果你想要設(shè)置全局的行間距,可以使用 這段代碼會(huì)將整個(gè)網(wǎng)頁(yè)中的文字行間距設(shè)置為1.5倍。 或者: 通過合理使用
body
body {
line-height: 1.5;
}
line-height
屬性只適用于塊級(jí)元素和列表元素,對(duì)于內(nèi)聯(lián)元素(如<span>
),它不會(huì)改變行間距。line-height
屬性還可以接受具體的像素值、百分比等作為參數(shù),以實(shí)現(xiàn)更***的行間距控制。
p {
line-height: 20px; // 設(shè)置行間距為20像素
}
p {
line-height: 120%; // 設(shè)置行間距為當(dāng)前字體大小的120%
}
line-height
屬性,你可以輕松地在CSS中設(shè)置出美觀且易讀的文字行間距。