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 决定的。
vertical-align：vertical-align:baseline等同于vertical-align:0。线类，如 baseline（默认值）、top、middle、bottom；文本类，如 text-top、text-bottom；上标下标类，如 sub、super；数值百分比类，如 20px、2em、20%等。