我似乎無法弄清楚如何對齊我的桌子

Question

<table border="0" align="center">
<tbody>
<tr>
<td>Cell1</td>
<td>Cell1</td>
</tr>
<tr>
<td>Cell1</td>
<td>Cell1</td>
</tr>
<tr>
<td>Cell1</td>
<td>Cell1</td>
</tr>
<tr>
<td>Cell1</td>
<td>Cell1</td>
</tr>
</tbody>
</table>

我不擅長編碼。 我已經嘗試但無法弄明白。 非常感謝您的幫助。

Answer 1

嘗試這個：

<div style="width: 100%; text-align: center;">
    <!-- Your table here -->
</div>

Answer 2

// CSS:

#container {
    text-align:center; // needed if you expect IE 5
}

.centered {
    margin:0px auto; // this sets left/right margin to auto and
                     // centers the element
}


// HTML:

<div id="container">
    <table class="centered" border="0">
        ...
    </table>
</div>

或者，如果您想要內聯樣式：

<div style="text-align:center;">
    <table style="margin:0px auto;" border="0">
        ...
    </table>
</div>