1. 程式人生 > >css的行高Line Height屬性

css的行高Line Height屬性

1.line-height可以被定義為:body{line-height:normal;}

2.line-height可以被定義為:body{line-height:inherit;}

3.line-height可以使用一個百分比的值body{line-height:120%;}

4.line-height可以被定義為一個長度值(px,em等) body{line-height:25px;}

5.line-height也可以被定義為純數字, body{line-height:1.2}

1.百分比:字型大小 x 百分比=    計算出來的值會被層疊下的元素所繼承 line-height不會隨著相關的font-size做相應的比例縮放。

2.長度:20px  會被後代元素所繼承  line-height不會隨著相關的font-size做相應的比例縮放

3.normal:1.2  line-height會隨著相關的font-size做相應的比例縮放

4.純數字:line-height會隨著相關的font-size做相應的比例縮放

一般來說,設定行高的值為 純數字 是最理想的方式,因為其會隨著相應的font-size做相應的比例縮放