css_line-height与fony-size的关系

line-height与font-size之间的差值就是行间距。行间距除以二,将行间距的一半分别应用到内容区的顶部和底部。其结果就是该元素的行内框。

假设有以下样式:

p{
    font-size:16px;
    line-height:20px;
}

那么行间距就是4px,字体上下分别延展2px的空白。如果字体有两行,那么第一行与第二行之间的距离是4px,也就是行间距。

posted @ 2021-06-08 09:16  Syinho  阅读(70)  评论(0编辑  收藏  举报