HTML表格宽度对齐="；中心“；取消隐藏时不居中对齐（仅Firefox）

下面是该问题的演示：

<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.

按下按钮时，带有“2”的桌子未居中对齐！为什么?

---

这个问题只发生在Firefox上，在IE上有效。

因为

block

不是表的正确

显示值

将其设置为
.style.display='table'
。。。或者更好的是
.style.display='
让浏览器默认值接管

而且
align=“center”
不正确-更喜欢CSS中的
margin:0 auto
。
永远不要使用IE作为工作参考。@Rob除非是IE11，因为在撰写本文时它比Chrome工作得更好，所以。。。是的。@NiettheDarkAbsol绝对错误，IE11和所有IEs一样，在现代标准支持方面，充其量是无能的，并且落后于任何其他标准。第一个例子见HTML5test和CSS3test。然后是其他人的高级示例。在这里，IE11将至少持续一年，而其他所有的IE11将每6-8周推动一次网络发展。