Question

div+css中怎么让图片垂直居中？火狐中有居中但IE6中却是在上方

Answer 1

vertical-align:middle;
根据我的经验，这个理论上的垂直居中不顶用，所以我需要垂直居中的时候，文字我用line-height:30px;图片我用表格来做居中，或者用margin-top:10px；或者padding-top:10px做，用表格的兼容最好，用margin-top只适合你高度固定的图片。。。。。。。
<table valign="middle"><tr><td><img src="图片路径"></td></tr></table>
而横向居中就没这个问题了，text-align:center跟表格的<table><tr><td align="center"></td></tr></table>
还有p跟div等等一些<p aling="center"></p><div align="center"></div>
都可以用，就是那个vertical-align:middle;比较让人纠结
总体来讲，我的经验是这些，或许有更好的办法，你也可以告诉我

Answer 2

<style>
.box {display: table-cell;vertical-align:middle;
text-align:center;*display: block;*font-size: 175px;
*font-family:Arial;
width:200px;height:200px;border: 1px solid #eee;}
.box img {vertical-align:middle;}
</style>
<div class="box"><img src="你的图片地址" _fcksavedurl="你的图片地址" /></div>

Answer 3

　　您好！很高兴为您答疑。
　　关于垂直居中有一个特定的css属性：vertical-align:middle;但是在不同内核浏览器下，该样式属性显示存在一些差异。所以目前最常见的办法还是通过获取浏览器高度后，利用padding属性进行图片居中处理。这种方式相对来说兼容性更好。
　　如果对我们的回答存在任何疑问，欢迎继续问询。

Answer 4

　　您好！很高兴为您答疑！

　　不同的浏览器，可以通过设置HACK的方式让其兼容，火狐下您可以安装Firebug，配合检查页面代码。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 5

CSS总体来说,在不固定高度情况下 垂直居中,一直是人们所探讨的.
找到个相关文章,你可以借鉴下!