line-height CSS屬性設(shè)置塊級元素(如段落)中的文本行與行之間的高度(也稱為行間距)。
下表為此屬性的用法說明和版本歷史記錄,以及該屬性在javascript腳本中的使用語法。
默認(rèn)值: | normal |
---|---|
適用于: | 所有元素 |
繼承: | 是 |
可動畫制作: | 是。請參考 動畫屬性。 |
版本: | CSS 1,2,3 |
JavaScript 語法: | object.style.lineHeight="2" |
該屬性的語法如下:
line-height: length | percentage | number | normal | initial | inherit
下面的示例演示了如何使用line-height屬性。
p { line-height: 1.5; } div { line-height: 300%; }測試看看?/?
警告:百分比(%)和em值可能會產(chǎn)生意外結(jié)果。在大多數(shù)情況line-height下,在繼承的情況下,使用數(shù)字是首選設(shè)置方式,且不會出現(xiàn)意外結(jié)果。了解有關(guān)CSS單元的更多信息。
下表描述了此屬性的值。
值 | 描述 |
---|---|
normal | 桌面瀏覽器的默認(rèn)值約為1.2,具體取決于元素的font-family。這是默認(rèn)值。 |
number | 一個數(shù)字,該數(shù)字將與元素相乘font-size以設(shè)置line-height。 |
length | 單位為px、pt、cm、em等。不允許行高為負(fù)值。 |
percentage | 百分比用作乘數(shù)的方法與數(shù)字值相同-屬性的計算值等于元素的指定百分比值font-size。 |
initial | 將此屬性設(shè)置為其默認(rèn)值。 |
inherit | 在繼承的情況下,如果該line-height屬性使用數(shù)字值,則子元素將繼承指定的值,而不是該屬性的結(jié)果計算值。不允許為負(fù)值。 而如果使用百分比值,則子元素將繼承該屬性的計算值,而不是指定的百分比值。同樣,不允許為負(fù)值。 |
line-height屬性瀏覽器的兼容性,下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號;所有主流瀏覽器均支持該屬性。
![]() |
|
請參考以下教程:CSS Text。