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

时间:2015-05-01 13:45:48

标签: html css

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

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

Original With One table

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

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

所以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;
}

1 个答案:

答案 0 :(得分:0)

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

来修复它
td

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