line-height 可以让内联元素“垂直居中”：
要让单行文字垂直居中，只需要 line-height 这一个属性就可以，与 height一点儿关系都没有。行高控制文字垂直居中，不仅适用于单行，多行也是可以的。多行设置 display 为 inline-block个，“行框盒子”都会附带的一个产物—“幽灵空白节点”，需要vertical-align: middle; 来调整多行文本的垂直位置。
line-height 的各类属性值：
line-height 的默认值是 normal，还支持数值、百分比值以及长度值。
不同字体下的 line-height:normal 解析值不同，不同系统不同浏览器的默认 line-height 都是有差异的。
数值，如 line-height:1.5，
百分比值，如 line-height:150%，
长度值，也就是带单位的值，如 line-height:21px
line-height:150%和 line-height:
1.5em继承的是外层元素的计算值。line-height:1.5继承的是属性
计算行高的时候，行高值一定不要向下舍入，而要向上舍入。
line-height 的“大值特性”：无论内联元素 line-height 如何设置，最终父级元素的高度都是由数值大的那个 line-height 决定的。（字符<span>内容...</span> ）幽灵空白节点
vertical-align：vertical-align:baseline等同于vertical-align:0。
线类，如 baseline（默认值）、top、middle、bottom；
文本类，如 text-top、text-bottom；
上标下标类，如 sub、super；
数值百分比类，如 20px、2em、20%等。