html表边框问题

Question

我在其他一些HTML元素中有一个表，它呈现奇怪 - 即使我在css中将其设置为折叠，也会出现边框空间。 该表如下所示：

并且html是这样的：

<table cellspacing="0" border="1" class="scrollable-headers-only" title="" cellpading="0">
        <thead title="">
            <tr title="">
                <th class="check" title=""></th>
                <th class="type" title=""></th>
                <th class="name" title="">Name</th>
                <th class="address center-column" title="">Address</th>
                <th class="domain" title="">Domain</th>
                <th class="status" title="">Status</th>
            </tr>
        </thead>
    </table>

和出现在FireBug中的css是：

• 主表：

• 每个人：

我也添加了边框也看到了s [单元格之间的a ..我的问题是消除这个空间。我在表中添加了cellpading和cellspacing = 0，但没有区别。我添加了css以消除该空间，而不会对渲染进行任何更改。

这个表用作另一个表的标题，我需要将它的列对齐到另一个表 - 正如你从图像中看到的那样，表下面有一些小行。我需要将此表与第二个表对齐，因此这对于获得100％的精度非常重要。

怎么了？ 谢谢。

Answer 1

我首先要删除display: inline-block;和th元素的table。 Firefox将这些视为内联元素并插入额外的空间。消除它的另一种方法是为font-size: 0;设置table，为font-size: 12px;元素设置th。