Html <；中心>；标签在IE中不起作用

问题是在div的中心对齐图像。这在chrome中正常工作，IE除外

<DIV id="content"><P>Internal resources </P>
 <DIV class="containertop">
   <P>External resources </P> 
 </DIV>
 <DIV class="contentcontainer">
 <DIV class="containerImg">
    <img height="286" width="381" src="http://www.bestwestern.com/img/bg-groups-meetings.png" /alt="Banner Image" title="Banner Image"></img>

</DIV>
</DIV>
</DIV>

我删除了标签并尝试了上面的CSS，这也不起作用

这是小提琴：（在IE中打开）

---

我们可以解决这个问题吗？

您需要删除标签，添加一些css，或者作为单独的文件，或者作为行，并使用margin:auto；试试这个，而不是你的左边距和右边距

.containerImg img{
     margin:auto;
     display:block
}

标记已弃用（请参阅）

这个标签在HTML4（和XHTML1）中被弃用，取而代之的是 CSS文本对齐属性，可应用于元素或 对个人。对于居中块，请使用其他CSS属性 像左边距和右边距一样，将它们设置为自动（或设置边距 设置为0（自动）

要使

img

居中对齐，必须将其设置为

display:block

（因为

img

默认为

inline

元素）和

margin:auto

另一个错误，

img

是一个自动关闭标签，因此您不能执行此操作

---

首先检查您添加的doctype 中间标记在IE中不起作用，您可以将CSS用作

文本对齐：中间

，将

自动

用作边距，这样它在IE中就可以正常工作了。更详细的信息请参见：

---

重要的是要确保图像是块元素；这样它就有了宽度。“左侧边距”和“右侧边距”设置为根据块元素图像的宽度自动设置边距，使图像自身居中。

标记已弃用，您不应使用它，请参阅。使用CSS将div和图像居中。您使用的是哪个IE版本？我刚刚在IE11中尝试了您的示例，图像居中。

。图像以IE为中心。对你的小提琴进行了一点更新。在Chrome和IE中工作良好：

左边距：自动和
右边距：自动你很好。OP不需要使用速记
页边距：auto
。只需一次将上、右、下和左边距设置为
auto
。虽然这有助于解释OP需要做什么，但其格式更多的是注释，而不是答案。此外，使用
marginleft:auto没有什么错和
右边距：自动虽然正如您所注意到的，它可以组合成一个更简单的
边距：0 auto。我刚刚复制了您上面提到的内容。但它不在中心。您运行代码段了吗？它在代码段中工作，因此如果您复制了它，但它不工作，您可能会有一些CSS覆盖了这段小代码。看起来它在小提琴中工作，但在我的应用程序中不工作（.谢谢你和我之前给你的解释一样，它可能是一个被覆盖的CSS。如果你能在这一点上显示整个代码，也许是链接，那就更好了。别介意，我不能在这里发布我的代码。这会违反安全性。这将是公认的答案。这很有帮助。
.containerImg img{
     margin:auto;
     display:block
}

.containerImg img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}