如何 - 居中表格
瞭解如何使用 CSS 居中表格。
居中表格
名 | 姓 | Age |
---|---|---|
Jill | Smith | 50 |
Eve | Jackson | 94 |
John | Doe | 80 |
如何居中表格
步驟 1) 新增 HTML
示例
<table class="center">
<tr>
<th>名字</th>
<th>姓氏</th>
<th>年齡</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
步驟 2) 新增 CSS
要居中表格,請將左右外邊距設定為 auto
請注意,如果寬度設定為 100%(全寬),則表格無法居中。
提示: 請訪問我們的 CSS 表格教程 以瞭解有關如何設定表格樣式的更多資訊。