如何减少HTML表格中的行空间

这似乎不是一个不同的要求，但无法完成，这是我的html页面：

如果打开页面并检查源代码，您将看到：

tr.spaceUnder > td
{
  padding-bottom: -0.5em;
}

用于控制表中行之间的间距。如果我需要更多的空间，它可以工作，但是如果我需要更少的空间，它就无法工作。如何减少页面中的空间

在某些情况下，我还需要重新调整图像的大小，我该怎么做？

填充不能是负片。 将其设置为0，尝试将cellpadding=0 cellspacing=0添加到标记中，如 ... 将其应用于每个表。然后，应用边距：0；填充：0；根据每张桌子的风格。 顺便说一句，我建议您显示td标签，不带图像，边框宽度为1像素，以完全符合您的要求。然后，当它们正常时，您可以添加图像

如果希望每个图像与单元格完全匹配， 每个单元格的宽度和必须完全相同， 因为行/列的高度/宽度获取行/列中最大元素的值，除非手动设置

更新 尝试将下一行应用于代码：

$( "img" ).each( function(){ this.style.padding = 0; this.style.margin = 0; } )
$( "td" ).each( function(){ this.style.padding = 0; this.style.margin = 0; } )

这使我们更接近预期的结果。

td元素中有表元素。你不应该有3张桌子，而应该只有1张

要删除表格的默认间距，应执行以下操作：

<table cellpadding="0" cellspacing="0">

您应该从td元素中删除这些表，因为它们看起来毫无意义。大概是这样的：

<table width="780" border="0" align="center" cellspacing="0" bordercolor="#000000" id="content" name="content">
  <tr class="spaceUnder">
        <td width="300"><img src="1930.png" width="300" height="130" /></td>
        <td width="150"><img src="1931.png" width="149" height="130" /></td>
        <td width="150"><img src="1930.png" width="149" height="130" /></td>
        <td width="300"><img src="1651.png" width="300" height="130" /></td>
      </tr>

  <tr class="spaceUnder">
    <td width="150"><img src="1931.png" width="149" height="130" /></td>
        <td width="150"><img src="1931.png" width="149" height="130" /></td>
        <td width="300"><img src="1930.png" width="300" height="130" /></td>
        <td width="150"><img src="1931.png" width="149" height="130" /></td>
        <td width="150"><img src="1931.png" width="149" height="130" /></td>
   </tr>
</table>

---

谢谢，它仍然没有正确显示，只是比以前少了一点空间，我已经更新了实时版本，所以你可以自己看一看。很抱歉，但我看不出有什么不同。。。您是否遵循了我建议的所有步骤？可调整大小意味着：当用户从较小的屏幕或较大的屏幕打开此页面时，图像的大小会自动调整。一个极端的例子是，如果用户使用手机查看页面/网站，手机屏幕会小得多。我按照你的指示做了，你可以从源代码中仔细检查，就像我说的，只是缩小了一点。不，我必须在一个表中使用两个表：因为正如你所看到的，这两行中有不同数量的单元格，将它们放在一个表中不起作用。