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

Question

我的网站上有一个表格，其中每个表格单元格都包含一个 138 像素 X 138 像素的图像。当我在 CSS 中设置 <td> 的样式时有 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 */ 
}

默认图片站在基线上，解释了下面的差距。