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

Question

我有一个包含2个单元格和两行的表格。 在这些单元格中，有一个图像。 我有一个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 STILL下方也有填充。我在这里摸不着头脑 - 有什么建议吗？

编辑： Fiddle

Answer 1

添加vertical-align:middle;。

Demo

Answer 2

添加CSS

td img { display:block }

演示：http://jsfiddle.net/QLfyD/2/

Answer 3

添加CSS

 img {
      vertical-align:bottom;
     }

Answer 4

我有一个类似的问题，我在同一个表格单元格中有一个图像和一个链接，链接中的文字一直忽略填充和突破单元格。

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

希望将来可能有助于其他人。