Question

我有table使用thead和tbody。 table设置了border-spacing，在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。

Answer 1

thead th {position：relative; top：5px;}会做到

Answer 2

这不完全是“THE”解决方案，但你可能想看看这里的解决方法，它适用于我的具体案例：

How to remove extra border spacing between TBODY elements?

Chrome和Safari中与thead的双边距

2 个答案: