Monday, January 17, 2011

[CSS] CSS的行高設定

使用CSS控制行高,需要使用line-height來設定,較常用的屬性值共三種,分別是px、%、純數字,差異在於...



px像素:
line-height:14px;
代表我們要讓每行字的行高,距離為14個像素。


%百分比:
line-height:150%;
代表我們要讓行高為本身字型大小的150%。
重要:如果line-height是繼承而來的話,則行高為"父元素"的字型大小的150%。


純數字:
font-size:2;
代表我們要讓行高為本身字型大小的2倍。
重要:不管line-height是否是繼承而來的,則行高皆為"本身"字型大小的2倍。


結論:
如果要在body元素就設定行高的話,建議使用【純數字】。

No comments:

Post a Comment