Html 定心div和图像，边距：0px自动0px自动不工作？

我试图创建一个表，其中一列中有一个小的30px图像，但是，我很难弄清楚如何将其他div、表等中的图像/div居中

我熟悉将边距设置为：边距：0px自动0px自动；但是，这并不总是有效的，在下面的示例中也不起作用。我想知道是否有人知道一种更稳定地集中元素的方法？或者如果有人解释为什么我的方法不起作用？图像仅为30px，td元素为100px甚至更大

 <td><a href="#"><img src="images/globe.png" style="width:30px;"></a></td>

你试过了吗？文本对齐：居中

你试过了吗？文本对齐：居中

你们可以用的桌子

<table border="1" cellpadding="0" width="100" height="100">
  <tr>
    <td align="center" >
        <a href="#">
           <img src="{IMG_SRC}" style="width:30px;">
        </a>
    </td>
  </tr>
 </table>

这里您必须添加线高度：100px；文本对齐：居中；div元素的样式，其中行高度将是div元素的高度。还必须添加垂直对齐：中间；到你的img标签

这应该行得通

请参考工作指南

注意：我已经添加了一些额外的样式，如边框等可以删除。此外，此解决方案还将使图像垂直和水平居中。

对于您可以使用的表格

<table border="1" cellpadding="0" width="100" height="100">
  <tr>
    <td align="center" >
        <a href="#">
           <img src="{IMG_SRC}" style="width:30px;">
        </a>
    </td>
  </tr>
 </table>

这里您必须添加线高度：100px；文本对齐：居中；div元素的样式，其中行高度将是div元素的高度。还必须添加垂直对齐：中间；到你的img标签

这应该行得通

请参考工作指南

---

注意：我已经添加了一些额外的样式，如边框等可以删除。此外，此解决方案还将使图像在垂直和水平方向居中。

@MHZ:将其添加到“样式”属性中的td元素EAH中。不过，正如Fluidbyte在下面提到的，在上的类可能是更好的做法。@MHZ:将其添加到td-elementsYeah的style属性中。尽管如此，正如Fluidbyte在下面提到的，在上的类可能是更好的做法。在更一般的注释中，填充和边距在处理内联元素时通常不起作用，其中锚和图像都在更一般的注释中，填充和边距在处理内联元素时通常不起作用，其中锚定和图像都是