html - 使用 HTML Colspan 时的 CSS 单元格边框

Question

我认为最好使用图像来解释这一点。

左边的图片，没有col span。右图带有 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 上真的很慢，我把它归因于电池的数量。

Answer 1

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

每个浏览器在考虑表格边框(Css 或真实表格)时都有自己的错误，按照您想要的方式执行此操作的唯一真正方法是使用 DIV 并动态 float 和分隔它们或使用 CSS 预设是获得跨浏览器 View 的唯一真实方法。

抱歉，表格有太多问题，而且特定于浏览器，无法用于布局。