居中表格

---

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

---

居中表格:

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
John	Doe	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 表格教程，了解更多关于如何设置表格样式的信息。