如何让div中的table水平居中

<div style="text-align:center">
    <table border="1" cellpadding="3" cellspacing="0" style="width: 60%;margin:auto">
        <tr><td></td></tr>
    </table>
</div>

有时候在div中加上 <div style="text-align:center"></div>里面的table是不会居中的我们可以在table中加上 margin:auto 解决此问题。