操作方法 - 中心表格

了解如何使用 CSS 将表格居中。

居中表格：

名	姓	年龄
吉尔	史密斯	50
前夕	杰克逊	94
约翰	美国能源部	80

如何使表格居中

步骤1）添加HTML：

示例

<table class="center">
<tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</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：

示例

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

亲自试一试 »

请注意，如果宽度设置为 100%（全角），则表格无法居中。

提示：去我们的CSS 表格教程了解有关如何设置表格样式的更多信息。