在 CSS 中，我們經常會用到表格來展示數據。如果需要表格中的表頭文字呈現垂直方向，我們可以使用 CSS 的 th 元素，并通過 transform 屬性來實現豎排文字。 例如，我們可以這樣編寫 CSS 代碼：

th {
writing-mode: vertical-lr;
text-orientation: mixed;
transform: scale(-1);
}

上述代碼中，writing-mode 屬性設置為 vertical-lr，表示文字的書寫方向為從上到下。同時，text-orientation 屬性設置為 mixed，表示文字既可以水平顯示，也可以垂直顯示。最后，transform 屬性設置了 scale(-1)，實現了文字的翻轉，讓它們按照從下到上的順序排列出來。 如果我們想讓表頭文字在居中的情況下豎排，我們可以再添加一個 display 屬性：

th {
writing-mode: vertical-lr;
text-orientation: mixed;
transform: scale(-1);
display: inline-block;
vertical-align: middle;
}

在這里，我們將 th 元素的 display 屬性設置為 inline-block，使其可以在行內元素中居中。同時，vertical-align 屬性將文字對齊到該元素的中央位置。 值得注意的是，豎排文字在不同的瀏覽器中可能會有不同的顯示效果。在對跨瀏覽器兼容性有要求的情況下，我們可以用 user agent 樣式來為不同瀏覽器設置相應樣式，以保證一致性顯示。 總之，通過使用 th 元素和 CSS 的 transform 屬性，我們可以很方便地實現表頭文字的垂直顯示，提高數據表格的可讀性和美觀度。