在網頁設計中，表格的使用十分普遍，而表格中內容的居中對于網頁的美觀性和可讀性至關重要。下面就為大家介紹一些CSS代碼，使表格內容居中。
首先，我們先看一下一個基本的表格的HTML代碼：

<table>
<tr>
<th>姓名</th>
<th>性別</th>
</tr>
<tr>
<td>張三</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
</tr>
</table>

如上所示，我們已經創建了一個基本的表格。接下來，我們需要使用CSS來使表格內容居中。
使用text-align屬性
最簡單也是最常見的是使用text-align屬性來控制表格內容的對齊方式。我們的代碼如下：

<style>
table, th, td {
border: 1px solid black;
text-align: center;
}
</style>

在<style>標簽中，我們設置了一個通用的樣式選擇器，對于table, th, td這些元素的文本進行居中對齊，并設置了邊框為1像素黑色邊框以使表格內容更加清晰易讀。
使用vertical-align屬性
在實際的設計中，有時我們需要使表格內容垂直居中。這時，我們可以使用vertical-align屬性來設置表格垂直方向的對齊方式。代碼如下：

<style>
table, th, td {
border: 1px solid black;
text-align: center;
vertical-align: middle;
}
</style>

在這段CSS代碼中，我們將vertical-align屬性設置為middle，使表格內容在垂直方向居中對齊。
總結
本文針對表格內容居中問題，向大家介紹了兩種常見的CSS代碼：text-align和vertical-align。希望本文對于網頁設計初學者有所幫助。