HTML表格（tr，td）部分忽略CSS填充

我有一个有两个单元格和两行的表格。 在这些细胞中，有一个图像。 我有一个CSS规则来删除这些内容中的所有边距和填充：

table, tr, td, img {
   margin:0; padding:0; /* adding !important won't change anything since no other css rules conflict with this one */
}

然而，这在实践中并不起作用。除底部外，所有边上的边缘均已正确去除。问题说明：

如您所见，td下面仍然有一个填充，即使规则处于活动状态（图左侧）。我在这里挠头-有什么建议吗

---

编辑：添加垂直对齐：中间

添加CSS

td img { display:block }

 img {
      vertical-align:bottom;
     }

演示：

添加CSS

td img { display:block }

 img {
      vertical-align:bottom;
     }

---

我有一个类似的问题，我在同一个表格单元格中有一个图像和一个链接，链接中的文本一直忽略填充并从单元格中分离出来

原来在图像上设置了最大宽度，这导致了单元格宽度计算的问题，删除图像上的最大宽度为我解决了问题

---

希望这能在将来帮助其他人。

答案如下图所示。。但是，你在你的网站上使用css重置吗？现在我明白了为什么在重置样式表中使用

td，td-img{vertical align:top；}

（实现了同样的效果）