一张图理解CSS中的line-height

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


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

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

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

你可能感兴趣的:(一张图理解CSS中的line-height)