每天CSS学习之line-height

时间:2022-11-15 20:46:49

line-height是CSS的一个属性,其作用是设置行高。其有以下几种值:

1、normal:自动设置合理的行间距。该值是默认值。如下示例:

            p{
line-height:normal;
}

结果:

每天CSS学习之line-height

2、number:即数字。该数字会与当前字体尺寸相乘来设置行间距。如下示例:

            p{
line-height:; //行间距就是一个字体的尺寸
}

结果:

每天CSS学习之line-height

3、length:即带单位的长度,设置固定的行间距。如下示例:

            p{
line-height:10px; //设置行间距为固定的10px
}

结果:

每天CSS学习之line-height

4、百分比:基于当前字体尺寸的百分比来设置行间距。如下示例:

            p{
line-height:%; //即按照当前字体尺寸的一半来设置行间距
}

结果:

每天CSS学习之line-height