居中是制作表格時常見的一個操作，通過使用 CSS 進行居中，可以使得表格內容能夠更好地展示在頁面上。在制作表格時，可以使用表格標簽和表格樣式來創建表格，其中表格樣式可以通過 CSS 進行設置。下面，我們將介紹如何使用 CSS 來居中表格。

## 使用表格標簽

使用表格標簽創建表格，可以通過表格屬性中的“居中”選項來將表格內容居中。例如，以下代碼將創建一個水平居中的表格：

```html

<table>

<tr>

<td>姓名：</td>

<td>張三</td>

</tr>

<tr>

<td>年齡：</td>

<td>20</td>

</tr>

<tr>

<td>地址：</td>

<td>北京市</td>

</tr>

</table>

在這個例子中，我們使用了一個表格標簽，并設置了表格屬性中的“水平居中”選項。這樣，表格內容將自動居中。

## 使用表格樣式

除了使用表格標簽來創建表格外，還可以通過使用表格樣式來居中表格。表格樣式可以通過 CSS 進行設置，可以通過在表格標簽后面添加一個類名來設置表格樣式。例如，以下代碼將創建一個垂直居中的表格：

```html

<table class="center">

<tr>

<td>姓名：</td>

<td>張三</td>

</tr>

<tr>

<td>年齡：</td>

<td>20</td>

</tr>

<tr>

<td>地址：</td>

<td>北京市</td>

</tr>

</table>

在這個例子中，我們使用了一個表格樣式類名“center”，并設置了表格的垂直居中選項。這樣，表格內容將自動居中。

以上就是使用 CSS 居中表格的兩種方法，通過表格標簽和表格樣式，可以輕松地制作出垂直或水平居中的表格。