表格单元格上的虚线边框变为实线答案

【问题标题】：Dotted border on table cells turns solid表格单元格上的虚线边框变为实线
【发布时间】：2012-05-31 15:40:07
【问题描述】：

我已经用我的测试用例设置了一个 [jsfiddle][1]。

基本上，我有一个表格，在某些单元格的底部有一个虚线边框，而在其他单元格的底部有一个实线边框。出于某种原因，某些单元格上的虚线边框变成了实线，我不知道为什么。任何人都可以解释这种行为和/或提供解决方法吗？

我正在使用 Chrome。

【问题讨论】：

dooted 到底在哪里变成了实体？ - jsfiddle.net/eZcSR/27
在我的版本中，它应该是 Row-1 Cell-2 和 Row-1 Cell-4，但在你的版本中它们不是 - 但看起来你除了文本之外没有更改任何内容？那为什么会在我的版本中发生呢？
你有哪个操作系统？它只发生在 Chrome 中吗？
我在 Windows 7 上，在 FF 和 IE 中按预期工作 - 所以只是 chrome 看起来不错
jsfiddle 现在缺少您的 CSS。我玩了一堆，我在 OS X 上的 Chrome 中看到了这个问题。我认为这可能是浏览器问题。我确实注意到如果您切换到 CSS 表，问题就会消失。我打算在 Windows 上的 Chrome 中检查它，但现在你的 CSS 丢失了......

【解决方案1】：

添加

border-collapse: separate;

或添加border-spacing: 0

或者在上面的行中添加一个空的<tr></tr> (??!)

【讨论】：