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下方也會有填充（插圖左側）。 我在這里撓頭-有什么建議嗎？

編輯： 小提琴

Answer 1

添加vertical-align:middle; 。

演示

Answer 2

添加CSS

td img { display:block }

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

Answer 3

添加CSS

 img {
      vertical-align:bottom;
     }

Answer 4

我有一個類似的問題，我在同一表格單元格中有一個圖像和一個鏈接，鏈接中的文本一直忽略填充和中斷單元格。

原來在圖像上設置了最大寬度，這導致像元寬度計算出現問題，刪除圖像上的最大寬度為我解決了這個問題。

希望這可能會在將來對其他人有所幫助。