在safari 5中隐藏表格单元格？

Question

我正在做的事情似乎适用于Firefox和IE，但不适用于Safari。

我有类似的东西

<table>
<thead>
    <tr>
        <th style="display: none;">hi</th>
       </tr>

</thead>
<tr class="someClass">
    <td style="display: none;"><span>hi</span></td>
</tr>

现在想象我有很多列和行以及许多标题。现在在所有浏览器中，这个库存都将被隐藏。在safari中它会产生一些差距，然后所有其他列都不对齐。

http://gyazo.com/ef5ce5e994abb954aab7069b14699476.png

这就是我的列标题的样子。我错过了什么吗？

Answer 1

在元素上设置display:none会将其从文档流中取出，但这并不总是适用于表格单元格，因为它们不独立于周围元素。

您必须实际删除表中的元素，而不是隐藏它们以使表格与其余元素重新对齐。

Answer 2

我想我明白了。我只是将该列放在最后（并且标题也是最后一个）。现在它看起来很合适。