一张图理解CSS中的line-height

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

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

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

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