div 里的 table 在 Firefox 无法置中问题

平常用 div 来作置中的动作，像这样 <div style="text-align:center;">ABC</div>，今日才突然发现，放在 div 里的 div 及 table 於 Firefox 浏览器中都不受 CSS:text-align 的控制，但在 IE 中都是正常的，唯有把 div 加上 <div align="center"> Firefox 才会接受，如此又变得不符合 W3C 。

解决∶

在 Firefox 中 text-align 是控制文字的， div table 那些的位置不受这控制，除了旧式 table 方式的排版外，用 block 级元素来排版就一定要将重要 ( 不可变 ) 的栏位指定宽度，搭配 margin 让 margin 左右交给浏览器自动调整。

<div style="text-align: center">
<table style="margin:0 auto;width:300px;">
<tr><td>ABC</tr></td>
</table>
<div>

• 关键字 : table, align, style, margin, center, Firefox, 级元素来排版就一定要将重要, 栏位指定宽度, 左右交给浏览器自动调整, 变得不符合, 位置不受这控制, width, block, 300px