表格在Firefox

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的隐藏表行，table2向下移动以创建空间（这很好）。

但是当我隐藏table1的行时，table2不会回到它的初始位置而是保持静态，在两个表之间留下一个边距。

我试过设置浮动：左边的表格，但它没有工作。下一步是什么？

Answer 1

在CSS3代码中，尝试添加：

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

将其添加到表格中。另外，通过进入Inspect Element检查是否确实存在边距或填充。

祝你好运， Ben A.K.A BlackSky

Answer 2

似乎这些表之间的<br>以某种方式抛弃了Firefox，为导致问题的表设置了新的边距。

我删除它并且工作正常。

同样 Cyber​​ aka THEGAMER 建议，如果不删除margin: 0 !important;，将<br>设置为表格也是如此。