首先需要认识一下 顶线 中线 基线 底线 { 如下图 自上而下 依次 是 顶线(绿色) 中线(蓝色) 基线 (红色)底线(粉红)}
1.line-height(行高) 的定义:两行文本 基线之间 的距离。
2. 一行文本中 line-height 会等于 内容盒子 + 行距(上半行距+下半行距),对应的公式就是(行高 = 内容盒子的高度+行距),其实 行高 和 内容盒子的高度 一起 决定 行距。
3.字体 simsum(宋体) 的font-size 就是内容盒子的高度
4.有的时候,图片会有间隙 可能是 line-height 造成的。解决方法有三种,如下图所示(下面图片是从慕课网 截取的图片)