CSS中的行距,即行與行之間的距離,可以通過line-height屬性來設置。line-height屬性可以使用像素、百分比、em等單位進行設置。
使用像素作為單位,可以直接給出具體的數值,如下所示:
p { line-height: 24px; }此時,段落的行距將被設置為24個像素。 如果使用百分比作為單位,行距將根據文字的大小進行自適應,如下所示:
p { font-size: 16px; line-height: 150%; }此時,段落的行距將被設置為文字大小的150%。 另外,還可以使用em作為單位來設置行距,如下所示:
p { font-size: 16px; line-height: 1.5em; }此時,段落的行距將被設置為1.5倍文字大小。 需要注意的是,line-height屬性不僅影響行距,同時也影響行內元素的垂直對齊方式。因此,在設置line-height屬性時,需要注意與文本大小和行內元素對齊的關系。 總之,使用line-height屬性來設置CSS中的行距是一個簡單而又有效的方法,能夠在排版上起到重要作用。