关于css之line-height

首先需要认识一下 顶线 中线 基线 底线  { 如下图   自上而下 依次 是 顶线（绿色） 中线（蓝色） 基线 （红色）底线（粉红）}

1.line-height(行高) 的定义：两行文本 基线之间 的距离。

2. 一行文本中 line-height 会等于 内容盒子 + 行距（上半行距+下半行距），对应的公式就是（行高 = 内容盒子的高度+行距），其实   行高 和 内容盒子的高度 一起 决定 行距。

3.字体 simsum(宋体)  的font-size 就是内容盒子的高度

4.有的时候，图片会有间隙 可能是 line-height 造成的。解决方法有三种，如下图所示（下面图片是从慕课网 截取的图片）