0

我在其他一些 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 是这样的：

  • 对于主表： 在此处输入图像描述

  • 对于每个 th：

在此处输入图像描述

我只添加了边框，也看到了单元格之间的 s[aces。我的问题是消除那个空间。我在表格中添加了 cellpading 和 cellspacing = 0 ，但没有任何区别。我添加了 css 以消除该空间，而渲染没有任何变化。

该表用作另一个表的标题，我需要将其列与另一个表对齐 - 正如您从图像中看到的那样，表下方有小线。我需要将此表与第二个表对齐，因为这个原因对于获得 100% 的精度很重要。

怎么了？谢谢你。

4

1 回答 1

0

我将从删除display: inline-block;forth和table元素开始。Firefox 将它们视为内联元素并插入额外的空间。另一种消除它的方法是设置元素，例如font-size: 0;元素。tablefont-size: 12px;th

于 2013-03-18T15:36:00.027 回答