在html中我如何在表格中看到表格，就像我没有内部表格一样

Question

我应该如何设置表格样式，以便在表格中有多个表格（即内部表格不会向右和向下移动。

在原始图片中只有一个表格，这就是我想看的东西

在第二个屏幕截图中，我现在有一个外表和三个表，我尝试将外表的样式设置为 border-collapse ，以消除表之间的垂直间隙并转移到所有三个表的权利，但它没有工作，因为我想象它只是删除表中的表格单元格之间的线。 （表格宽度也设置为100％）

如何在外表中使用表格，但看起来像第一个屏幕截图。 （我需要表中的表，因为我编写了一个javascript方法来允许隐藏内部表）。 在第二个屏幕截图中，有一个外表

所以html是这样的：

<table class="releasegroupingtable" >
<!--Linked-->
<tr><td><table class="releasegroupingcategory" >
......
</table></td></tr>

<!--Not Linked-->
<tr><td><table class="releasegroupingcategory" >
......
</table></td></tr>

<!--Discogs-->
<tr><td><table class="releasegroupingcategory" >
......
</table></td></tr>
</table>

和css这样：

.releasegroupingtable {
    width:100%;
    border-collapse: collapse;
}

.releasegroupingcategory {
    width:100%;
    border-collapse: collapse;
}

Answer 1

从您提供的代码中，外表中的function one(){ two(a,b); two(c,d); } 上看起来有一些填充。
您应该可以通过添加

来修复它

td

选择器链是必要的，不能在.releasegroupingtable > tbody > tr > td { padding: 0; } 中选择td。