CSS 中的 th 標簽經常用于表格的表頭，而其內部的文字往往需要上下居中顯示。那么，我們該如何實現 th 文字的上下居中呢？ 首先，我們需要將 th 標簽的 display 屬性設置為 table-cell，這樣才能讓其內部元素垂直居中。而要實現水平居中，我們可以將 text-align 屬性設置為 center。 接下來，我們需要在 th 標簽內部創建一個包裹層，并將其 display 屬性設置為 inline-block。這樣做的目的是為了讓包裹層只占據必要的寬度，以便實現居中。然后，我們需要通過設置包裹層的 vertical-align 屬性來實現文字的垂直居中。 下面是代碼示例：

table th {
display: table-cell;
text-align: center;
}
table th span {
display: inline-block;
vertical-align: middle;
}

在 HTML 中，我們可以這樣使用 th：

<table>
  <tr>
    <th><span>表頭文字</span></th>
  </tr>
</table>

這樣，在 th 內部創建的 span 元素內的文字就可以實現上下居中顯示了。當然，如果需要讓 th 內部的文字左右居中顯示，我們還需要設置包裹層的 text-align 屬性為 center。 總之，通過以上的 CSS 代碼，我們可以輕松地實現 th 文字的上下居中顯示，為表格的可讀性提供了一定的幫助。