网上有很多解决图片垂直居中的方法 css hack或者js 前者我发现对于ul li的布局结构没发使li之间有间距 后者还存在js冲突的问题[我js比较差 不知道怎么解决js冲突问题 嘿嘿]
最终还是发现下面的方法比较简单可行 幸运的是兼容ie6789 火狐 谷歌[ie10没测试过] 感谢分享者
通过添加一无语义图片来解决图片垂直居中CSS，兼容各种IE6,IE7,火狐，谷歌等浏览器。
<style>
.itm { border: 2px solid #ccc; width: 160px; height: 160px; text-align: center; }
.blank {width:0;height:160px;}
.itm img {vertical-align:middle;}
</style>
<div class="itm">
<img src="http://cn.yimg.com/i/comn/blank.gif" class="blank" />
<a href=""><img src="http://cn.yimg.com/bookmark/yisou/mp3/m060616.jpg"/></a>
</div>
blank.gif是一张透明图片
转载地址：http://www.51xuediannao.com/html+css/htmlcssjq/103.html