> css教程 > css >

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>

 

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论

友情链接