Question

对于一个高度不固定的img标签，怎么让其在一个div中实现居中效果。要考虑到ie6，火狐，谷歌，ie8，ie9

汗，问题没完整，我是想要垂直居中，text-align实现的是水平居中。

Answer 1

　　您好！很高兴为您答疑！　　通过onload获得图片的高度 再取父元素高度 就能获得margin-top 实现居中<div><img src='1.jpg' /></div>var img = $('img')var h = img.parent().height()var _img = new Image();_img.onload = function(){img.style.marginTop = h / 2 - this.height / 2}_img.src = img.attr('src')　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 2

　　您好！很高兴为您答疑！

　　用onload获取图片的高度，再取父元素高度，就能获得margin-top 实现居中
<div><img src='1.jpg' /></div>
var img = $('img')
var h = img.parent().height()
var _img = new Image();
_img.onload = function(){
img.style.marginTop = h / 2 - this.height / 2
}
_img.src = img.attr('src')
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

<div style="text-align:center;"><img src="/yourimagedir.jpg" /></div>
这样就可以了

垂直居中用下面的：
<div style="vertical-align:middle;height:1000px;"><img src="/yourimagedir.jpg" /></div>

注意要设置div的高度！

Answer 4

可以通过onload获得图片的高度 再取父元素高度 就能获得margin-top 实现居中
<div><img src='1.jpg' /></div>

var img = $('img')
var h = img.parent().height()
var _img = new Image();
_img.onload = function(){
img.style.marginTop = h / 2 - this.height / 2
}
_img.src = img.attr('src')

Answer 5

style="vertical-align:middle"