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

Question

我有一个2格和两行的表格。 在这些细胞内有一个图像。 我有一个CSS规则为去除这些所有margin和padding：

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

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

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

希望这可能会在未来帮助其他人。