css- line-height

对于非替换元素的纯内联元素，其可视高度完全由line-height决定;

半行距 = ( line-height - font-size） / 2;

对于块级元素，line-height对其本身没有任何作用，实际上是通过改变块级元素里面的内联级元素占据的高度实现的；

line-height让内联元素近似垂直居中；

多行文本或者替换元素的垂直居中实现：

.box{
    line-height:120px;
    background-color:#f90;
}
.content{
    display:inline-block;
    line-height:20px;
    margin:0 20px;
    vertical-align:middle;
}

line-height:1.5/150%/1.5em都是相对font-size计算，line-height:1.5的继承性和line-height:150%/1.5em不同，前者继承计算数字，后两者继承计算结果；