line-height含义

定义

• 如果是多行文字，line-height = 每一行文字基线之间的距离。
• 如果是单行文字，line-height = 上间距 + 文本的高度+下间距。并且上间距等于下间距。

基线

基线指的是文字的下边缘，不同的字体，基线位置会有细微的差别，大致位置是字母x下边缘。
盗图：

line-height值

1. normal
默认值。相当于当前字体尺寸的1.2倍。

2. number
与当前字体尺寸相乘来设置行间距。
父节点设置line-height，子节点不设置line-height的情况下，子节点会根据本身的字体尺寸和line-height相乘再次计算行间距。

3. %
当前字体尺寸的百分比行间距。
父节点设置line-height，子节点不设置line-height的情况下，子节点会直接继承父节点计算完成的结果，不会再次计算行间距。

4. em
固定尺寸的行间距。计算模式跟百分比一样。

5. inherit
强制从父节点继承行间距。