line-height屬性

line-height屬性的細節

與大多數CSS屬性不同，line-height支援屬性值設定為無機關的數字。有無機關在子元素繼承屬性時有微妙的不同。

文法

line-height: normal | <number> | <length> | <percentage>

normal 根據浏覽器決定，一般為1.2。

number 僅指定數字時（無機關），實際行距為字号乘以該數字得出的結果。可以了解為一個系數，子元素僅繼承該系數，子元素的真正行距是分别與自身元素字号相乘的計算結果。大多數情況下推薦使用，可以避免一些意外的繼承問題。

length 具體的長度，如px/em等。

percentage 百分比，100%與1em相同。

有機關（包括百分比）與無機關之間的差別

有機關時，子元素繼承了父元素計算得出的行距；無機關時繼承了系數，子元素會分别計算各自行距（推薦使用）。

 其實差別就在于繼承的問題上。

150%是根據父元素的字型大小計算出行高，并且子元素依然沿用這個計算後的行高（例如30px行高值，而不是按照比例去重新計算）。

而1.5則是根據子元素自己字型的大小去乘以1.5來計算行高。

另，1.5em等也是按照150%的情況來算的。