双边框间距在Chrome和Safari

THEAD我有一个使用thead和tbody一个table。 table已设置border-spacing，并在Chrome和Safari之间的空间为，标题行和，其余加倍。双边框间距在Chrome和Safari

据报道为issue for Chrome去年年底，但是这是唯一的参考这个我能找到。

有没有其他人有这个，或知道如何解决它？

<table style="border-spacing: 0 5px"> 
<thead> 
    <tr> 
     <th>Heading 1</th> 
     <th>Heading 2</th> 
     <th>Heading 3</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>Cell 1</td> 
     <td>Cell 2</td> 
     <td>Cell 3</td> 
    </tr> 
</tbody>

它显示为预期的（所有的行相等间隔）在Firefox，不知道IE。

来源

2010-10-08 Ajtacka

接近里面 – Zebra 2010-10-08 16:01:27

这真的好像是Webkit中的一个bug。你需要包含'thead'和'tbody'标签吗？ – 2010-10-08 16:09:16

@dark_charlie - 通常认为指定add和tbody会好得多 - 如果开发人员稍后要回到代码中，那么它比标记为的标记更少，更有意义。一直以来都是如此。另外，虽然不使用它们会解决问题，但它仍然是一个Google需要解决的问题，即使它不是一个大问题。 – ClarkeyBoy 2010-10-08 16:14:16

thead th {position：relative;上图：5像素;}将做到这一点

来源

2012-01-05 11:25:16 deiwi

这不正是“THE”解决方案，但你可能想看看这里已经与我的具体情况制定一个解决办法：

How to remove extra border spacing between TBODY elements?

来源

2013-02-12 23:45:59 wrygiel

双边框间距在Chrome和Safari

回答

相关问题