CSS中，我們可以使用text-align屬性來設置表格的td元素中的文本居中，以下是一個簡單的示例：

<table>
    <tr>
        <td>文本居中示例</td>
    </tr>
</table>

在CSS中，我們可以添加以下樣式來使文本居中：

table {
    width: 100%; /* 表格寬度設置為100% */
    border-collapse: collapse; /* 表格邊框合并 */
}
td {
    text-align: center; /* 文本居中對齊 */
    padding: 10px; /* 添加一些內邊距 */
    border: 1px solid #000; /* 添加邊框 */
}

在這個示例中，我們設置text-align: center;來使文本在td元素中居中，我們還設置了padding: 10px;來增加一些內邊距，使文本不會緊貼在單元格的邊緣，我們還添加了邊框，使表格看起來更加清晰。

為了使文本在td元素中垂直居中，我們需要使用vertical-align: middle;屬性，這個屬性在HTML5中已經被廢棄，因為它在HTML4.01中沒有被實現(xiàn)，在現(xiàn)代瀏覽器中，我們可以使用CSS的align-items: center;屬性來實現(xiàn)垂直居中，這個屬性只在CSS Flexbox布局中使用，在使用之前，我們需要將表格的行設置為Flexbox布局：

tr {
    display: flex; /* 將表格行設置為Flexbox布局 */
    align-items: center; /* 垂直居中對齊 */
}

通過以上CSS樣式的設置，我們可以輕松地使表格的td元素中的文本居中。