CSS深入理解之vertical-align

vertical-align 属性设置元素的垂直对齐方式。 说明 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐(负长度值和百分比值).

vertical-align 的百分比值 基于 相对于line-length 计算。（ie6,7下，百分比不支持小数line-length）。

应用与inline水平和table-cell元素：

inline：<img>  <span>  <strong>  <em>,未知元素

inline-block：<input>(ie8+),<button>(ie8+)

table-cell:<td>

只要是内联元素，就一定受vertical-align和line-height的影响 。

适用于近似垂直居中：

vertical-algin:middle;line-height:36px;

(兼容流行的浏览器，ie，谷歌等；ie7兼容如加多个空格或者转行

<p><img src="demo.png"> </p><!转行或者空格>)