CSS 屬性 line-height 可以設置行框盒子的高度。它影響行內元素的垂直位置和相對大小。如果沒有設置具體高度,則在不同瀏覽器中默認的高度會存在不一致的情況。
要設置行高,只需在 CSS 樣式表中添加 line-height 屬性。如下:
p { line-height: 1.2; }
上述代碼將設置段落元素的行高為 1.2 倍字號大小。如果字號為 16px,則行高將為 19.2px。
line-height 還可以使用以下單位進行設置:
- px:像素
- em:相對于當前元素的字體尺寸
- rem:相對于根元素的字體尺寸
- %:相對于當前元素的字體尺寸
另外,line-height 還可以設置為 normal,表示使用瀏覽器的默認行高。一般情況下,normal 的行高為 1.2 倍字號大小,但具體取值會因瀏覽器和字體類型的不同而異。
總之,line-height 是一個非常靈活的 CSS 屬性,可以幫助我們控制文本的垂直位置和排版效果。