在CSS中設(shè)置字體行距的方法
在CSS中,可以使用line-height
屬性來設(shè)置字體行距。line-height
屬性定義了每行文本之間的***小距離,即行距,該屬性的值可以是固定的像素值,也可以是相對于字體大小的比例。
如果要將字體行距設(shè)置為1.5倍,可以編寫如下代碼:
p { line-height: 1.5; }
這將使段落(p
元素)中的文本行之間保持1.5倍的距離。
也可以使用line-height
屬性的具體像素值來設(shè)置字體行距,以下代碼將字體行距設(shè)置為24像素:
p { line-height: 24px; }
這將使段落(p
元素)中的文本行之間保持24像素的距離。
line-height
屬性僅適用于塊級元素,如段落(p
元素)、標(biāo)題(h1
到h6
元素)和列表(ul
和ol
元素)等,對于內(nèi)聯(lián)元素(如span
和a
元素),可以使用vertical-align
屬性來設(shè)置文本行之間的垂直對齊方式。