为什么我的表格单元格似乎有填充,即使我没有设置它？

Question

我创建了一个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类应用到多少元素,似乎有一些类似于每个表格单元格周围的"填充",这会在图像和文本之间创建一个空格.

我该如何删除？

Answer 1

桌子本身也提供填充。所以表定义需要是

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