line-height系列（二）——对行内元素（文字、图片、兄弟元素）、块级元素设置line-height后的表现
》原创文章，转载请注明来源！
二、对行内元素（文字、图片、兄弟元素）、块级元素设置line-height后的表现
- line-height通过行内元素（文字、图片等）表现。
- 文字的line-height能使文字居中，即垂直居中性。
- 文字的line-heigh可以通过继承也可以使用内联得到（内联优先）。
- 图片的line-height不能居中，放映出的特点是图片底部总是超过行高中垂线6px的距离。
- 图片的line-height只能通过继承得到，内联设置无效。
- 同一行的line-height，中垂线对齐（span）/底线对齐（div）。
1，line-height通过行内元素表现。
<div class="number1" style="line-height:150px;"> <div>你好hahahah<br/>这里是第二段div> div>给图片高度为120px设置行高150px后具体行高的变化：189px。 进而得出结论：
- 当图片的高度 height-6px<=行高/2时，行高高度为实际高度。即使图片高度只有5px,图片底部距离行高中垂线也只有6px。
- 当图片的高度 height-6px>0 且 行高<12px，图片高度为实际高度。
多行文字应用：
<div style="line-height:150px"> <span style="line-height:15px;display:inline-block"> 这是第一行<br/> 这是第二行 span> div>如果不设置display:inline-block，则会每一行都占据150px。目前还不理解为什么会这样~
① 父元素（这里是div）设置和高度一致的 line-height （如200px）
② 子元素 (这里是span) 设置合适的line-height，并设置display:inline-block、vertical-align: middle;