html - CSS中的表格单元格填充底部不起作用

Question

我的网站上有一个表格，其中每个表格单元格都包含一个 138 像素 X 138 像素的图像。当我<td>在 CSS 中设置 padding:0px; 表格单元格最终大小为 138 像素 x 143 像素。我没有看到为什么会发生这种情况的任何原因。即使我做 padding-bottom:-5px; 表保持完全相同的大小。怎么了！

CSS：

td
{
    width: auto;
    height: auto;
    padding: 0px;
} 

Answer 1

您是否将垂直对齐重置为 img 标签？

td img {
    vertical-align:top; /* or bottom */ 
}

默认情况下，图像站在基线上，这解释了下面的差距。