html - 为什么我的表格单元格设置为空白，但似乎仍具有填充？

我创建了一个skinny CSS类，它没有边距，内边距或边框:

.skinny
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:0 0 0 0;
}

然后，我将其应用于包含图像的行，该图像还对其应用了skinny类:

<td width="33%" align="center" class="skinny">
    <table width="400px" height="180px" class="skinny">
        <tr class="skinny">
            <td class="skinny" width="60px" height="100px"><a class="skinny" href="/"><img class="skinny" width="60px" height="100px" id="snapshot" src="/images/snapshot.png"></a></td>
            <td class="skinny" width="120px" height="100px"><a class="skinny" href="/"><h1 class="skinny">Product</h1></a></td>
        </tr>
    </table>
</td>

我试图使图像在下一个单元格中显示得尽可能靠近<h1>文本，以便将它们从左到右推向彼此。

但是，无论我将skinny类应用于多少元素，每个表单元格周围似乎都存在“填充”之类的东西，从而在图像和文本之间创建了空间。

我该如何删除？

最佳答案

table 本身也可以填充。
所以表定义需要

<table width="400px" height="180px" class="skinny" cellspacing="0" cellpadding="0">