每天CSS學習之line-height
阿新 • • 發佈:2017-08-22
一半 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