Html CSS边界问题与AD TBODY和COLSPAN

我对css/html表格有问题：
当我使用带有colspan属性的thead和tbody标记时，标题的下边框将被分割。
间隙大小取决于第个边框宽度

您是否有在收割台底部获得连续边框的解决方案（无需移除车斗和车身）？

表格{
边界塌陷：塌陷；
}
th{
边框：4倍纯红；
底部边框：4px纯黑
}
运输署{
边框：4px纯蓝色；
}
thead tr{
底部边框：5px纯绿色
}

带有AD和TBODY但不带COLSPAN
第1栏
第2栏
内容1
内容2

 CalSPAN与TAD和TBOST（CSS错误在绿色边界中间？）
第1栏
第2栏
内容1和内容2（合并单元格）

不带车身和车身的COLSPAN
第1栏
第2栏
内容1和内容2（合并单元格）

通过将边框从4px/5px更改为1px，您可以得到一个虚幻的修复。至于为什么你会得到这样的结果，你必须处理好thead和tbody的属性，因为问题只会发生在它们存在的时候

---

请参阅：

折叠边界之间的角点渲染似乎没有很好地指定，因此不清楚这是否是一个错误，而不仅仅是行为上的差异

我确实为Firefox找到了一个可怕的解决方法，在thead中创建了一个伪第二行，然后将其隐藏起来，同时还隐藏了第一个tbody行的上边框，如下所示：

thead:after {
    content:'';
    display:table-row;  /* see note below */
    position:absolute;
    visibility:hidden;
}

tbody tr:first-child td {
    border-top-width:0;
}

（请注意，

display:table row

仅用于显示。实际上，

position:absolute

使伪元素成为

display:block

，而不管display属性是设置为

table row

还是保留默认的

inline

。容器的表布局将导致该bloc。）k包装在表行和表单元格的匿名表对象中，以形成结构良好的表。）

表格{
边界塌陷：塌陷；
}
th{
边框：4倍纯红；
底部边框：4px纯黑
}
运输署{
边框：4px纯蓝色；
}
thead tr{
底部边框：5px纯绿色
}
表~表THAD：之后{
内容：''；
位置：绝对位置；
可见性：隐藏；
}
表~表tbody tr：第一个孩子td{
边框顶部宽度：0；
}

带有AD和TBODY但不带COLSPAN
第1栏
第2栏
内容1
内容2

 CalSPAN与TAD和TBOST（CSS错误在绿色边界中间？）
第1栏
第2栏
内容1和内容2（合并单元格）

不带车身和车身的COLSPAN
第1栏
第2栏
内容1和内容2（合并单元格）

What is your need就是你想要的东西。说清楚。在哪个浏览器中你有问题？@rewobs我在Mozilla中看到OP的问题，而不是在Chrome中。看起来确实像个bug。找不到解决方案或解决方法。是的，问题在Mozilla中。在Chrome中没有问题。我需要一个连续的边框来分隔文件的标题和正文表。在我的站点的正确版本中，垂直边框的大小是1px。我用4px来突出这个问题。我使用thead和tbody是因为所使用的javascript表排序器脚本需要它。

thead:after {
    content:'';
    display:table-row;  /* see note below */
    position:absolute;
    visibility:hidden;
}

tbody tr:first-child td {
    border-top-width:0;
}