Javascript internet explorer中的此图片对齐发生了什么情况？（ie和egde）

大家好，互联网上的人们

我有一个网站，我正在建设的问题。 我看到一些奇怪的行为，将图像对齐到元素的中心，同时应用平滑的“向上移动”动画

它完全以chrome为中心，而不是InternetExplorer和edge

我认为这与设置CSS属性有关，

top:0。因为如果我这样做的话，它也不会以Chrome为中心

这是jsfiddle。


//悬停时项目div动画
$（“.project”）.bind({
mouseenter:function（）{
var image=$（this.find（“.project-inner-img”），projectnner=$（this.find（.project-inner”）；
var bottomMargin=（projectnner.height（）-image.height（））/2；
项目主任法登（400）；
动画（{bottom:Math.round（bottomMargin）}，300）；
},
mouseleave:function（）{
$（this.find（“.project internal”）.fadeOut（200.promise（）.done（function（））{
$（this.find（“img”）.css({
底部：0
});
});
}
});
.project{
宽度：360px；
高度：260px；
背景色：#2C3E50；
浮动：左；
利润率：10px 15px；
职位：相对
}
.项目.项目内部{
宽度：100%；
身高：100%；
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
背景色：#3498DB；
显示：无
}
.项目.项目内部img{
宽度：64px；
高度：64px；
位置：绝对位置；
左：0；
底部：0；
右：0；
保证金：自动；
光标：指针
}

你好！：）
这应该行得通

.project .project-inner img {
width: 64px;
height: 64px;
position: absolute;
bottom: 0;
right: 0;
left: 0;
cursor: pointer;
margin: 0 auto;
}

不用担心。：-）非常感谢！你能给我解释一下错误是什么吗？请解释一下为什么这段代码有助于OP。这将有助于提供一个未来观众可以从中学习的答案。请参阅更多信息。我认为问题是“代码>空白：自动< /代码>在伊江中，图像以div的中间为中心。省略空白边距属性，现在它位于底部：）您可以做<代码>空白：0自动；<代码>也因为它有点短，我已经编辑了我的答案，希望它有帮助。。。