使用HTML Colspan时，CSS Cell边界

Question

我认为最好用图像来解释。

左侧图像，没有col col。图片右边是colspan。

为了解释，每个绿色细胞由12个细胞组成，代表一小时。这允许我将正确位置的单元格同步到最近的5分钟。

使用colspan="12"，我可以减少每小时的单元格数量，只需创建一个跨度为12的单元格而不是12.（如果适用）。

然而，由于这一个细胞与12个细胞接壤，因此将其触摸边界设置为与触摸细胞之一相同的颜色。尽管只有一半是黑色的，其余的都是绿色的。是否可以设置边框的一半和一半？或者这是HTML限制吗？

修改

我发现（至少在Google Chrome中），将边框设置为相同的宽度会产生奇怪的效果。较大的边框似乎占主导地位。即我可以通过使绿色比黑色更宽来反转效果，而是使整条线变为绿色......设置为2px，使它们随机相互支配。请参阅http://jsfiddle.net/7Harq/7/和http://jsfiddle.net/7Harq/9/

编辑2：

似乎只发生在Chrome中（FF工作正常）。

那么，是否有额外的细胞（即12个细胞而不是1个具有colspan 12的细胞）会产生不利影响吗？在Iphone / Ipad上有一点真的很慢，我把它放到了单元格的数量上。

Answer 1

这是一个特定于浏览器的错误。

每个浏览器在考虑表格边框（Css或真实表格）时都有自己的错误，唯一真正的方法就是使用DIV并浮动并动态分隔它们或使用CSS预设是获取跨浏览器视图的唯一真实方式。

对不起，桌子太多了，浏览器也没有用于布局。