• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

在Chrome和Safari和thead进行双边距分隔

用户头像
it1352
帮助3

问题说明

我有一个,它使用 thead tbody border-spacing 设置,并且在Chrome和Safari中标题行 em>和剩下的加倍。

I have a table that uses thead and tbody. The table has border-spacing set, and in Chrome and Safari the space between the header row and the rest is doubled.

它被报告为 Chrome问题去年年底,但这是我能找到的唯一参考。

It was reported as an issue for Chrome late last year, but that's the only reference to this I can find.

有没有其他人有过这种情况,或者知道如何解决它?

Has anyone else had this, or know how to get around it?

<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。

It displays as expected (all rows equally spaced) in Firefox, not sure about IE.

正确答案

#1

thead th {position:relative; top:5px;}会做到这一点

thead th {position: relative; top: 5px;} will do it

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /reply/detail/tanhcbijih
系列文章
更多 icon
同类精品
更多 icon
继续加载