Css 如何删除TBODY元素之间的额外边框间距?

Css 如何删除TBODY元素之间的额外边框间距?,css,Css,重要提示:此问题不再有效。此错误已在最新版本的Chrome中修复。 我使用边框间距:1pxCSS规则使表中的所有单元格之间具有1px间距。但是,我必须在表中使用多个TBODY元素。我在THEAD、TBODY和TFOOT元素(Chrome)之间获得2px 用1px替换这些2px间隙的最简单方法是什么 准确的HTML和CSS代码:注意:这是一个特定于Webkit的错误。(Firefox中不存在,像往常一样,IE甚至不会加载JSFIDLE来测试它。) 不幸的是,没有办法正确解决这个问题。关于这个话题

重要提示:此问题不再有效。此错误已在最新版本的Chrome中修复。

我使用
边框间距:1px
CSS规则使
表中的所有单元格之间具有
1px
间距。但是,我必须在表中使用多个
TBODY
元素。我在
THEAD
TBODY
TFOOT
元素(Chrome)之间获得
2px

1px
替换这些
2px
间隙的最简单方法是什么


准确的HTML和CSS代码:

注意:这是一个特定于Webkit的错误。(Firefox中不存在,像往常一样,IE甚至不会加载JSFIDLE来测试它。)

不幸的是,没有办法正确解决这个问题。关于这个话题,已经有很多人在讨论了。此外,通过Chrome 20(我可以在Chrome 25中确认)确认存在一个新的应用程序。在这件事上也有一个新的定义,仍然是“”


老实说,我甚至找不到解决办法。玩
边框间距
边距
,甚至
位置
似乎都不会对这一点产生影响。

级别的
边框折叠
与子级
thead
tbody
tfoot
之间似乎存在冲突。可能的解决方法:

body{margin:10px;}
div{border:1px solid#aaa;display:inline block}
桌子{
背景:#fff;
边界塌陷:塌陷;
}
运输署{
字体系列:Tahoma;
背景:ddd;
填充:5px 8px;
边框:1px实心#fff
}
标题
第1列第2列
元素元素
元素元素
页脚
这为我解决了这个问题:

table { border-collapse: collapse!important;}

我个人解决这个问题的方法是将线条高度改为0

线高:0;
边框间距:0

从今天起,这个问题似乎已经在金丝雀中得到了解决。刚刚在最新的Chrome浏览器上测试了这个示例,它似乎已经得到了解决。(也将此标记为正确答案。)
table { border-collapse: collapse!important;}