【转】IE6下Line-height失效问题

总是会遇到图片与文字并排，在IE6及更低版本浏览器下行高失效的问题。

首先，我们来看一下原因：

IE下line-height属性失效是由于文字中包含img、input、select、textarea、button、object等标记造成的。或者也可以说是在line-height的元素里的文字，同时有了block或者是inline-block元素导致的。

解决办法：

对和文字相连接的img、input、textarea、select、object等元素加以css样式：

margin: (所属line-height-自身高度)/2px 0;  /*有几像素的偏差，这个要根据实际情况来设置，有时可能top与bottom值不相同*/

vertical-align:middle;