在CSS中,我們可以用line-height來定義元素的行高。行高指的是在一個元素中,每一行文字(包括空行)之間的距離。
line-height可以用幾種不同的方式進行定義。最常見的方式就是使用一個數值,例如:
p { line-height: 1.5; }
在這個例子中,每一行文字之間的距離會是文字大小的1.5倍。
我們也可以使用像素(px)或em作為單位:
p { line-height: 24px; } p { line-height: 1.5em; }
無論使用何種單位,都需要注意不同瀏覽器和操作系統顯示字體的方式可能不同。這就會導致不同平臺上的同一種字體看起來大小不同,從而影響到行距的表現。
如果希望實現更為精確的控制,我們也可以用“normal”或百分比來進行定義:
p { line-height: normal; } p { line-height: 150%; }
使用“normal”會將行高設為字體大小的默認值,而使用百分比則是相對于字體大小來進行計算。
需要注意的是,行距的設置會影響到元素的整體高度。如果希望僅僅修改單個行的距離,可以考慮使用“margin”或“padding”來進行調整。