html - 在 Chrome 和 Safari 中使用 thead 的双边框间距

Question

我有一个使用 thead 和 tbody 的 table。 table 设置了 border-spacing，在 Chrome 和 Safari 中 header row 和 rest 之间的空间加倍。

它被报告为 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;} 就可以了