5.2.2 为什么 line-height 可以让内联元素“垂直居中”
line-height 可以让单行或多行元素近似垂直居中，原因在于 CSS 中“行距的上下等分机制”。之所以说近似，是因为文字字形的垂直中线位置普遍要比真正的“行框盒子”的垂直中线位置低。由于我们平时使用的 font-size 都比较小，所以我们往往察觉不到。
多行文本或者替换元素的垂直居中实现原理和单行文本不一样，需要 line-height 属性的好朋友 vertical-align 属性帮助才可以。
5.2.3 深入 line-height 的各类属性值
line-height 的默认值是 normal，还支持数值、百分比值以及长度值。
数值，如 line-height:1.5，其最终的计算值是和当前 font-size 相乘后的值。
百分比值，如 line-height:150%，其最终的计算值是和当前 font-size 相乘后的值。
长度值，也就是带单位的值，line-height:1.5em最终的计算值也是和当前font-size相乘后的值。
5.2.4 内联元素 line-height 的“大值特性”
无论内联元素 line-height 如何设置，最终父级元素的高度都是由数值大的那个 line-height 决定的。
5.3 line-height 的好朋友 vertical-align
5.3.1 vertical-align 家族基本认识
vertical-align 属性值：
线类，如 baseline（默认值）、top、middle、bottom；
文本类，如 text-top、text-bottom；
上标下标类，如 sub、super；
数值百分比类，如 20px、2em、20%等。