中心对齐一张桌子

Question

如何使用css将页面居中对齐。这就是我http://jsfiddle.net/m5uEr/

<div style="text-align: center; border-style:solid;">
    <table style="border-style:solid;">
        <tr>
            <td>test</td>
        </tr>
    </table>
</div>

Answer 1

table.center {
    margin-left:auto; 
    margin-right:auto;
  }

<table style="border-style:solid;" class="center">
    <tr>
        <td>test</td>
    </tr>
</table>

Your updated fiddle

Google通过以下文字找到了我：“center align table css”

Answer 2

在表格上设置宽度并设置

margin:auto

Answer 3

css没有工作，所以我做了<table align="center">

这是在IE8上

Answer 4

你有没有把margin-left：auto，margin-right：auto放在div的属性中？

这很容易做到。

这些属性应属于表

<div style="text-align: center; border-style:solid;">
    <table style="border-style:solid; margin-left:auto; margin-right:auto; ">
        <tr>
            <td>tdddest</td>
        </tr>
    </table>
</div>​