Chrome和Safari中与thead的双边距

Ajt*_*cka 13 html safari webkit google-chrome html-table

我有一个table使用theadtbody.在table已经border-spacing设定,并且在浏览器和Safari之间的空间标题行剩余部分被加倍.

据报道,去年年底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>
Run Code Online (Sandbox Code Playgroud)

它在Firefox中按预期显示(所有行等距),不确定IE.

小智 4

thead th {位置:相对;顶部:5px;} 就可以了