css中line-height行高是指文本行基线之间的距离，不同字体，基线位置不同。line-height只影响行内元素和其他行内内容，而不会直接影响块级元素。line-height实际应用：图片水平垂直居中、多行文本水平垂直居中、用line-height代替height
一、line-height的定义
二、line-height与行内框盒子模型
<p>hello world<em>this is em</em></p>
1.“内容区域”（content area）
围绕文字看不见的盒子，
内容区域的高度大小只与font-size的大小和font-family有关，在simsun宋体字体下，内容区域高度等于文字大小。
2.“内联盒子”（inline boxes）
3.行框盒子（line boxes）
4.包含盒子（containing box）
三、line-height与内联元素的高度机理
四、line-height的不同属性值
<number>：使用数值作为行高值。line-height = number * font-size
<lenght>：使用具体长度值作为行高值。em/rem/px/pt
<percent>：使用百分比作为行高值。line-height = percent * font-size
五、line-height实际应用
1、图片水平垂直居中 （ie8+）
.box{line-height:300px;text-align:center;}
.box>img{vertical-align:middle}
2、多行文本水平垂直居中(ie8+)
.box{line-height:250px;text-align:center;}
.box>.text{display:inline-block; line-height: nomal; text-align:left;vertical-align:middle;}
3、用line-height代替height，避免ie6/ie7的haslayout
{height:36px;line-height:36px;}
{line-height:36px;}
服务热线 19970861797
