# line-height行高
https://www.cnblogs.com/dolphinX/p/3236686.html (opens new window)
从上到下分别是：
- 绿线：顶线
- 蓝线：中线
- 红线：基线
- 紫线：底线
顶线、中线、基线、底线 分别对应文字的 绿 、 蓝、 红 、紫
文字渲染的高度并不等于font-size的大小，与字体设计有关。
# 什么是行高？
行高是指上下文本行的基线间的垂直距离，即图中两条红线间垂直距离。
行距是指一行底线到下一行顶线的垂直距离，即第一行粉线和第二行绿线间的垂直距离。
# 行高居中的原理
# line-height居中
设置line-height: 2 居中
# line-height单位
https://blog.51cto.com/u_15328720/3412507
# normal
取决于用户代理。桌面浏览器（包括火狐浏览器）使用默认值，约为1.2，这取决于元素的 font-family。
# number
所用的值是无单位数值乘以元素的 font size。计算出来的值与使用数值指定的一样。大多数情况下，使用这种方法设置line-height是首选方法，在继承情况下不会有异常的值。