如何 - 居中表格
了解如何使用 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 表格教程 以了解有关如何设置表格样式的更多信息。