Question

所以我的代码中有这个图像，下面的代码是水平居中的，

img#headerImage{
            width: 600px;
            margin-left:auto !important;
            margin-right:auto !important;
        }

但是当我添加margin-left:-300px;时，图像会被适当调整大小，但它稍微向左偏移，不再完全居中。

有什么想法吗？

此外，这里有一些HTML：

<tr>
  <td class="headerContent" id="logoContainer">
    <img src="url" style="max-width:600px;"
         id="headerImage" mc:label="header_image" mc:edit="header_image"
         mc:allowdesigner="" mc:allowtext="" />
  </td>
</tr>

Answer 1

你最好还是使用保证金：0px auto;

Answer 2

将display: block添加到您的img css

Answer 3

当你说margin-left:-300px时，你说你希望图片向左移动300px。将右边距设置为自动边距当然会向左偏移。如果你想让它居中，然后稍稍移动它，那么我建议你在这里阅读这个答案：Offset div from center

您还需要添加

display:block;

内容无法正确居中

3 个答案: