使用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