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

Question

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

CSS:

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

Answer 1

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

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

默认情况下，图像位于基线上，这解释了下面的间隙。