Table 在 Firefox 中的 jQuery.toggle() 之后留下边距

Question

此问题仅在 Firefox 中出现。

<script>
function toggle_combo()
{
    $('.combo').toggle();
}
</script>

<table>
<tr onclick='toggle();>
<td> - </td>
</tr>
<tr class="combo" style="display:none">
<td> - </td>
</tr>
<tr class="combo" style="display:none">
<td> - </td>
</tr>
</table>
////here is that <br> i forgot to mention
<br>
<table>
<tr>
<td> - </td>
</tr>
</table>

所以我单击一次以显示 table1 的隐藏 table 行，并且 table2 被移到页面下方以制作 space（很好） .

但是当我隐藏 table1 的行时，table2 并没有回到它的初始位置而是保持静止，在两者之间留有空白 tables.

我试过将 float:left 设置为 table，但没有成功。接下来做什么？

Answer 1

在您的 CSS3 代码中，尝试添加：

margin: 0 !important;
padding: 0 !important;

将其添加到 table。此外，通过进入检查元素检查是否确实存在边距或填充。

祝你好运，本 A.K.A 黑天

Answer 2

似乎表格之间的这个 <br> 以某种方式让 Firefox 无法为导致问题的表格设置新的边距。

我删除了它，它运行良好。

此外，正如 Cyber aka THEGAMER 建议的那样，即使不删除 <br>.

，将 margin: 0 !important; 设置到表格也能达到目的

Table 在 Firefox 中的 jQuery.toggle() 之后留下边距

Table leaves margin after jQuery.toggle() in Firefox

html

css

firefox

jquery

toggle