html - HTML表格移动到中心

Question

我的 html 表有问题。我试图将它移到中间，但它一直向右移动。我尝试了许多不同的方法，但这就是我到目前为止所做的：

<style type="text/css">


table.gridtable2 {
    font-size:11px;
    border: none;
}
table.gridtable2 th {
    padding: 7px;
    color:#008CBD;
    background: rgba(0,0,0,0.3);

}
table.gridtable2 td {
    padding: 6px;
        color:#FFFFFF;
    background: rgba(0,0,0,0.2);
}
table.gridtable2 tr {
    text-align: center;
}
</style>

    <table class="gridtable2" width="539" cellspacing="0" cellpadding="0">
        <tr>
            <th></th>
            <th>Title</th>
            <th></th>
        </tr>
        <tr>
            <td>Sold</td>
            <td>-</td>
            <td>0€&lt;/td>
        </tr>
        <tr>
            <td>Else</td>
            <td>-</td>
            <td>0€&lt;/td>
        </tr>
        <tr>
            <td>Total</td>
            <td>-</td>
            <td></td>
        </tr>
    </table>

Answer 1

table.gridtable2 {
    font-size:11px;
    border: none;
    margin: 0 auto;
}

Answer 2

您应该将 margin-left 和 margin-right 设置为 auto。

<table style="width=50%;margin-left:auto; margin-right:auto" width="539" cellspacing="0" cellpadding="0">
    <tr>
        <th></th>
    <th>Title</th>
    <th></th>
</tr>
<tr>
    <td>Sold</td>
    <td>-</td>
    <td>0€&lt;/td>
</tr>
<tr>
    <td>Else</td>
    <td>-</td>
    <td>0€&lt;/td>
</tr>
<tr>
    <td>Total</td>
    <td>-</td>
    <td></td>
</tr>
</table>