每天CSS學習之line-height

標籤：img   alt   bsp   span   百分比   line   ber   作用   pre   

line-height是CSS的一個屬性，其作用是設定行高。其有以下幾種值：

1、normal：自動化佈建合理的行間距。該值是預設值。如下樣本：

            p{                        line-height:normal;            }

結果：

 

2、number：即數字。該數字會與當前字型尺寸相乘來設定行間距。如下樣本：

            p{                        line-height:1; //行間距就是一個字型的尺寸            }

結果：

 

3、length：即帶單位的長度，設定固定的行間距。如下樣本：

            p{                        line-height:10px; //設定行間距為固定的10px            }

結果：

 

4、百分比：基於當前字型尺寸的百分比來設定行間距。如下樣本：

            p{                        line-height:50%; //即按照當前字型尺寸的一半來設定行間距            }

結果：

 

每天CSS學習之line-height