line-height初级理解(css)

2024年5月14日 108次阅读来源: 斯文败类

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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。