图片和文字混合垂直居中

今天同事问了一个图片和文字混合垂直居中的问题

?

首先要确立:容器的高度

比如容器的高度为47px:

<div style="height:47px;line-height:47px;"><img src="src" height="47px" style="vertical-align:middle;"/>文字说明等</div>

?

这种情况下可以看出来是居中的 如果图片高度和文字差不多呢?在FF,IE7,IE8 都可以正常显示,IE6不能正常显示了,这时候就只能用hack 或者把图片设为背景图片,还有就是用padding 或者margin 来实现

?