表中的边框没有排列

时间:2014-09-02 16:14:41

标签: html css html-table border

设置一个表,其中一个表嵌套在大多数单元格中,基本上是金字塔矩阵类型结构。我所遇到的问题是,细胞边界没有排成一行,在某些情况下会加倍,所以我对如何修复它感到困惑,因为已经使用了边界特定的值,即边界 - 底部和右边等等。

Code http://jsfiddle.net/WgRs6/5/

PS:我对此不熟悉,所以不确定如何在其他用户帖子中发布CSS和HTML,在这些帖子中他们已经装箱并且您可以滚动浏览,所以只需附加

2 个答案:

答案 0 :(得分:2)

问题是你有一个填充集..

因此,请删除<td>

的填充

请检查此fiddle

我已添加

td{
    padding:0;
}

css

<强>更新

请参阅fiddle

我已经在你的代码中发现了问题。你在<td>里面使用了几个表来创造这样一个问题。在我的小提琴里,我只用一张桌子做了整件事。使用rowspancolspan。检查一下..

抱歉,我在复制粘贴时不小心错误地放置了您的表值,因为我花了很多时间无法完成html。所以请按照相同的步骤生成完整的表格。

答案 1 :(得分:0)

只需将td padding设置为0px

即可
td{
    padding: 0 !important;
}

http://jsfiddle.net/WgRs6/7/