html - 在html中，如何在表中查找表在外观上与没有内部表的外观相同

我应该如何设置表格样式，以便在表格中有多个表格时在表格中保持一个级别（即内部表格不会左右移动）。

原始图片中只有一张桌子，这就是我想要的外观



在第二个屏幕截图中，我现在有一个外部表和其中的三个表，我尝试将外部表的样式设置为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;
}

最佳答案

从您提供的代码来看，外部表的td上似乎有一些填充。
您应该可以通过添加来修复它

.releasegroupingtable > tbody > tr > td
{
    padding: 0;
}

选择器链对于不要也在td中选择.releasegroupingcategory也是必需的。

关于html - 在html中，如何在表中查找表在外观上与没有内部表的外观相同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29988033/