我创建了一个没有边距,填充或边框的瘦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">