line-height初级理解(css)

1:行内元素设置line-height时,不论设置的多大,它的背景永远只跟随文字的大小来渲染,但是行高的大小还是会体现的。

<span style="background-color:red; line-height:30px;">行高对背景的渲染不起作用</span>

2:行内块和块元素,背景颜色会随着line-height的设置来给文字背景加相应的颜色,line-height设置多少会直接影响高度的。

<p style="background-color:red; line-height:30px;">行高对背景的渲染起作用</p>

行距:行高-字体大小
半行距:(行高-字体大小)/2
推荐文章:http://www.cnblogs.com/dolphinX/p/3236686.html

    原文作者:斯文败类
    原文地址: https://segmentfault.com/a/1190000005870340
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞