Question

出于某种原因，我的表格在行之间存在巨大差距，我不知道为什么。我已将填充和间距设置为0 ...

table cellspacing =“0”cellpadding =“0”width =“460”border =“0”

......但文字行之间存在巨大差距。任何想法为什么这应该是？这是表格的样本......

<table cellspacing="0" cellpadding="0" width="460" border="0">
            <tr>
              <td width="12" rowspan="17"><img src="images/z_spacer.gif" width="10"       height="10" /></td>
              <td height="30" colspan="2" align="left" valign="top"><p  class="heading">A date with...<br />
              </p></td>
              <td width="20" rowspan="17"><img src="images/z_spacer.gif" width="10"   height="10" /></td>
            </tr>
            <tr>
              <td width="106" height="20" align="left" valign="top"><p   class="bodybold">What?</p></td>
              <td width="322" height="20" align="left" valign="top"><p class="body">Monday Morning Meeting<img src="images/z_spacer.gif" alt="" width="10" height="10" /></p></td>
            </tr>
</table>

我也有一些CSS代码......

table {
border: 0 solid #FFFFFF;
margin: 0;
padding: 0;
border-collapse: collapse;
}
tr,td {
border: 0 solid #FFFFFF;
margin: 0;
padding: 0;
}

Answer 1

额外的空格是内容的边距。尝试将以下样式添加到样式表

td * { margin: 0px; }

这会折叠内容的边距。如果需要，调整值以腾出更多空间。

HTML表格具有随机间距

1 个答案: