都是table集标签默认的display样式惹得祸

http://www.iteye.com/topic/765150 提及该问题。做个分析记录如下：

文中引介了几个解决方案
1）hack方法，IE和FF显示正常，但是chrome，opera, safari不能正常显示了，并且hack方法不建议使用。
2）在div外加center标签，显示效果OK，但不符合布局规则并且是不建议使用的标签。
3）经测试，效果完美。

<style type="text/css">.container{border:solid 1px blue; text-align:center;}table{border:solid 1px red; width:100%;}td {border:solid 1px green; text-align:center;}</style><div class=container>    <table>        <tr><td>Text</td></tr>    </table></div>

?