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

前端之家收集整理的这篇文章主要介绍了html – 为什么我的表格单元格似乎有填充,即使我没有设置它?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我创建了一个没有边距,填充或边框的瘦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 width="400px" height="180px" class="skinny" cellspacing="0" cellpadding="0">

猜你在找的HTML相关文章