1. 程式人生 > >每天CSS學習之line-height

每天CSS學習之line-height

一半 div 間距 數字 ima 技術分享 png pre ber

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