如何在Firefox中修复表格的列空白？答案

【问题标题】：How to fix table's column empty space in firefox?如何在Firefox中修复表格的列空白？
【发布时间】：2011-03-03 13:53:57
【问题描述】：

这是 .aspx 页面的内联代码：-

<table>
<tr>
 <td>Some static data</td>
 <td>Text box control</td>
 <td><div id="div1"></div></td>
</tr>
</table>

第三个<td> 有一个 div 'div1'。该 div 大部分时间在该页面上没有任何数据。但有时我需要在那里显示一些动态数据）。现在的问题是，如果 div 'div1' 中没有数据，firefox 将其视为其中的一个空间，大约需要。浏览器中的 5px 空间。（但兼容性视图中的IE8很好）

firefox 的工作原理是什么？

【问题讨论】：

【解决方案1】：

我会考虑你是否真的需要 div - 我猜你在某些情况下通过定位 ID 来填充数据，为什么不只定位表格单元格呢？

<table>
<tr>
 <td>Some static data</td>
 <td>Text box control</td>
 <td id="div1"></td>
</tr>
</table>

【讨论】：

【解决方案2】：

尝试在 CSS 的开头将所有边距和内边距设置为 0。

*{
  margin: 0;
  padding: 0;
}

然后您可以在需要时明确设置这些值。

【讨论】：

【解决方案3】：

那是因为您对 td 元素应用了填充。你可以这样做：<td style="padding:0"><div id="div1" style="display:none; padding:1px;"></td>

并将填充移动到div 元素，并在它为空时隐藏它。在这种情况下，Firefox 不会对其应用任何填充。但是，当有数据应用到它时，它应该仍然看起来像其他 td。

【讨论】：

【解决方案4】：

听起来您需要重新设置样式。有几个不错的，包括 Eric Meyer's CSS reset 和 Yahoo YUI2 CSS reset。

【讨论】：