在網頁設計中，表格是非常常見的元素。而在表格的美化中，最重要的一點就是居中。在CSS中，我們有一些方法可以實現Table居中，下面就介紹一下這些方法。 首先，讓我們看一下一個簡單的Table代碼：

<table>
<tr>
<th>標題1</th>
<th>標題2</th>
</tr>
<tr>
<td>內容1-1</td>
<td>內容1-2</td>
</tr>
<tr>
<td>內容2-1</td>
<td>內容2-2</td>
</tr>
</table>

方法一：使用margin自動居中 我們可以使用margin的auto屬性來實現Table自動居中。只需要在Table的樣式中加上下面這一行代碼即可：

table { margin: 0 auto; }

上述代碼會將Table橫向居中，但是縱向還需要我們進行調整。 方法二：使用text-align屬性 我們可以使用text-align屬性來實現Table的居中，這個屬性可以設置子元素的文本對齊方式。只需要在Table的樣式中加上下面這一行代碼即可：

table { text-align: center; }

當然，這種方法只對Table中的文本居中，而不是Table本身居中。 方法三：使用display:flex屬性 我們還可以使用CSS3新增的flex布局來實現Table居中。只需要在Table的樣式中加上下面這一行代碼即可：

table { display: flex; justify-content: center; align-items: center; }

上述代碼設置父元素為flex布局，然后使用justify-content和align-items來分別橫向和縱向居中。 如果在排版中需要加入Table元素，我們可以使用上述的方法來實現Table的居中。這些方法在不同場景下都會發揮出極為重要的作用。