html - テーブルを中央揃え

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>

更新されたフィドル

Googleは、 「center align table css」というテキストでそれを見つけました。

Answer 2

css が機能していなかったので、<table align="center">

これはIE8です

Answer 3

divのプロパティにmargin-left:auto、margin-right:autoを入れましたか？

それは簡単です。

これらのプロパティはテーブルに属している必要があります

<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>​

Answer 4

テーブルに幅を設定して設定します

margin:auto