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