【发布时间】：2012-02-20 13:39:58
【问题描述】：
我认为这最好用一张图片来解释。
左图，没有列跨度。右侧的图像与 colspan。
解释一下，每个绿色单元格由代表一个小时的 12 个单元格组成。这使我可以将正确位置的单元格同步到最近的 5 分钟。
使用colspan="12"，我可以每小时减少单元格的数量，只创建一个跨度为 12. 而不是 12. 的单元格（如果适用）。
但是，由于这个单元格与 12 个单元格接壤，因此它将其接触边框设置为与其中一个接触单元格相同的颜色。尽管只有一半是黑色的，其余的都是绿色的。是否可以将边框设置为一半和一半？还是这是 HTML 限制？
编辑：
我发现（至少在谷歌浏览器中），将边框设置为相同的宽度会产生奇怪的效果。较大的边框似乎占主导地位。 IE。我可以通过使绿色比黑色更宽来反转效果，而是使整条线变为绿色...设置为 2px，使它们随机地相互支配。见http://jsfiddle.net/7Harq/7/和http://jsfiddle.net/7Harq/9/
编辑 2：
似乎只出现在 Chrome 中（FF 工作正常）。
那么，有额外的单元格（即 12 个单元格而不是 1 个带有 colspan 12 的单元格）是否会产生不利影响？在 Iphone/Ipad 上，有一段时间真的很慢，我把它归结为电池数量。
【问题讨论】：
-
你能告诉我们你的 html/css 代码（只需创建一个 jsfiddle.net ）吗？
-
jsfiddle.net/7Harq/7 更好的一个，增加了可读性，两种场景都可以
-
无法在 Firefox 中重现。我之前在 Chrome 中看到过这个错误。
-
@RobW 是的，似乎发生在 Chrome 而不是 Firefox。 ://
-
@Doomsknight 看到这个相关问题stackoverflow.com/q/7725110/938089。