美文网首页
一张图理解CSS中的line-height

一张图理解CSS中的line-height

作者: code与有荣焉 | 来源:发表于2020-02-04 00:11 被阅读0次

行高是指文本行基线间的垂直距离。
基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。
下图中两条红线之间的距离就是行高,上行的底线和下一行顶线之间的距离就是行距,而同一行顶线和底线之间的距离是font-size的大小,行距的一半是半行距。


从上图我们就可以看出,行距、font-size与line-height之间的关系了

height是用来设置元素的高度,比如img的高度、div的高度等。

图片引用自:https://blog.csdn.net/a2013126370/article/details/82786681

相关文章

网友评论

      本文标题:一张图理解CSS中的line-height

      本文链接:https://www.haomeiwen.com/subject/xvelxhtx.html