CSS表格是Web開發中常用的一種布局方式，可以使得數據呈現更加清晰、易于理解。但是有時候我們需要讓表格中的文字豎直顯示，這篇文章就來介紹一下如何實現。

首先，我們需要在CSS中使用transform屬性，其中rotate方法可以實現旋轉操作。具體來說，如果要水平標簽文字變為豎直的，我們就需要將其逆時針旋轉90度，代碼如下：

td {
transform: rotate(270deg);
}

上述代碼中的td可以根據實際情況換成其他表格元素，比如th、tr等。其中transform屬性是用來聲明2D或3D變換的，而rotate方法就是其中的一種。270度是將文字逆時針旋轉90度得到的結果。

需要注意的是，使用上述方法后可能會造成表格的寬度需要重新調整。可以通過設置表格的高度來解決這個問題：

table {
height: 100%;
}

上述代碼的含義是將表格的高度設置為100%。這樣一來，無論旋轉文字前后，表格的寬度都可以保持一致。

除了以上方法，還有另一種常用的實現方式，即使用writing-mode屬性。這個屬性可以改變文本流方向，從而達到豎直文字的效果：

td {
writing-mode: vertical-lr;  /*從上到下*/
/*或者*/
writing-mode: vertical-rl;  /*從下到上*/
}

上述代碼中的writing-mode屬性取值可以是vertical-lr或vertical-rl，分別表示從上到下和從下到上。需要注意的是，這種方法只能在Safari瀏覽器和Edge瀏覽器下正常工作。

總結一下，實現CSS表格文字豎直顯示可以使用transform屬性中的rotate方法或writing-mode屬性。這兩種方法各有優缺點，可以根據實際需求選擇適合的方法。