在編寫網頁時，表格是一個非常常見的元素。但是對于一些新手來說，表格的對齊問題可能會讓人頭疼。下面介紹一下如何使用CSS把表格居中對齊。 首先，需要在表格所在的HTML文件中添加一個class，名稱可以自行定義，例如“centered-table”，代碼如下所示：

<table class="centered-table">
<tr>
<th>表頭1</th>
<th>表頭2</th>
<th>表頭3</th>
</tr>
<tr>
<td>數據1</td>
<td>數據2</td>
<td>數據3</td>
</tr>
</table>

接下來，在CSS文件中添加以下代碼：

.centered-table {
margin: 0 auto;
}

這個CSS代碼的意思是：把表格左右居中對齊。其中，0表示上下邊距為0，auto表示左右外邊距自適應。 除了以上代碼外，還可以繼續添加其他樣式，例如：

.centered-table {
margin: 0 auto;
border: 1px solid #ccc;
border-collapse: collapse;
}
.centered-table th, .centered-table td {
padding: 10px;
text-align: center;
}
.centered-table th {
background-color: #eee;
font-weight: bold;
}
.centered-table tr:nth-child(even) {
background-color: #f2f2f2;
}

上述代碼的含義是，添加了表格邊框、單元格內邊距、單元格居中對齊、表頭背景色、隔行背景色等樣式，可以根據需要自行調整。 通過以上方法，我們就可以輕松實現表格居中對齊了。希望對大家有幫助。