html – 在Chrome和Safari中使用thead的双边距

前端之家收集整理的这篇文章主要介绍了html – 在Chrome和Safari中使用thead的双边距前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用thead和tbody的表.表格具有边框间距设置,在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.

解决方法

thead th {position:relative; top:5px;}会这样做

猜你在找的HTML相关文章