line-height设置为数值和百分比值的区别？

来源：网络文章列表 2019-09-02 8

line-height设置为数值：根据父元素的font-size值计算line-height的值，子元素继承line-height的数值，根据自身的font-size再次计算line-height的值。

数值：
根据父元素的font-size值计算line-height的值，子元素继承line-height的数值，根据自身的font-size再次计算line-height的值。

百分比值：
根据父元素的font-size值计算line-height的值，子元素继承计算后的line-height值。

例子：

<div style="line-height:200%;font-size:32px"> <!-- line-height为200%*32 = 64 -->
    <p style="font-size:24px;">行间距</p> <!-- line-height为64px -->
</div>

<div style="line-height:2;font-size:32px"> <!-- line-height为64px -->
    <p style="font-size:24px;">行间距</p> <!-- line-height为48px -->
</div>

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元