HTML 表格宽度对齐 = "center" 未隐藏时不居中对齐(仅限 Firefox)

Question

这是问题的演示：

<table id="x" align="center">
<tr>
<td>
<input type="button" onclick="javascript:document.getElementById('x').style.display='none';; document.getElementById('y').style.display='block';" value="1" />
</td>
</tr>
</table>

<table id="y" style="display:none;" align="center">
<tr>
<td>
2
</td>
</tr>
</table>

按下按钮时，带有" 2"的桌子不会对齐！为什么？

这个问题仅发生在firefox上，在IE上起作用。

Answer 1

，因为 block不是表的正确 display值。

将其设置为.style.display = 'table' ...或更好的仍然.style.display = ''以使浏览器默认接管。

align="center"也不正确 - 而不是CSS中的margin:0 auto。