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%等。