在網頁制作中，我們經常會碰到一些縱向排列文字的情況，比如垂直菜單、豎著排列的數字等，這時候我們可以利用CSS實現文字縱向顯示。

.vertical-text {
writing-mode: vertical-rl; /* 縱向排列，從右到左 */
text-orientation: upright; /* 文字方向直立 */
white-space: nowrap; /* 文字不換行 */
}

其中，writing-mode屬性用于設置文字排列方式，vertical-rl表示縱向排列，從右到左，如需要從左到右排列可以使用vertical-lr；text-orientation屬性用于設置文字方向，upright表示文字直立；white-space屬性用于設置文字不換行。

除此之外，我們還可以使用transform屬性在不改變文字內容的情況下改變其方向，代碼如下：

.vertical-text {
transform: rotate(-90deg) translateY(-100%); /* 旋轉-90度，向上移動100% */
transform-origin: right top; /* 旋轉原點，即指向右上角 */
white-space: nowrap; /* 文字不換行 */
}

通過使用CSS實現文字縱向顯示，我們可以更好地滿足網頁排版的需求，提高網頁的可讀性和美觀度。