CSS表格單元格居中是常見的網頁設計要素之一。在網頁設計中，很多時候都需要將表格中的單元格居中對齊，這樣可以讓頁面看起來更加美觀舒適。那么，如何通過CSS實現表格單元格居中呢？
要實現單元格居中，我們需要對表格進行CSS樣式的設置。在CSS中，使用"text-align: center"命令可以讓文本居中對齊。另外，我們還可以使用"vertical-align: middle"命令讓單元格垂直居中。下面是一個實現單元格居中的HTML和CSS代碼：

<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
padding: 8px;
border: 1px solid #ddd;
text-align: center;
vertical-align: middle;
}
</style>
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
<tr>
<td>張三</td>
<td>20</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
</tr>
</table>

上面的代碼中，我們首先設置了表格的寬度為100%，使得表格占據整個頁面的寬度。然后，對表格的單元格統一設置了padding、border、text-align和vertical-align等屬性。其中，text-align和vertical-align屬性設置為center和middle，以實現單元格水平和垂直居中。
需要注意的是，有些瀏覽器可能不支持border-collapse這個屬性，這時候可以通過給表格和單元格分別設置border來實現。此外，還可以對表頭和表單的單元格分別設置樣式，以達到不同的效果。
綜上所述，通過CSS樣式的設置，我們可以很容易地實現表格單元格的居中對齊。這樣的設計既美觀又實用，非常適合應用到網頁設計中。