在網頁設計過程中，有時候我們需要將文字豎直排列來實現不同的效果。CSS提供了一種很好的解決方案，可以很容易地實現豎直文字。下面讓我們來看看具體的方法。

/* 將文字旋轉90度，然后沿著Y軸翻轉 */
.vertical-text {
transform: rotate(-90deg) scaleY(-1);
transform-origin: right top;
display: inline-block;
}

上述CSS代碼中，我們使用了transform屬性來將文字旋轉了90度。transform-origin屬性用于設置旋轉軸心，這里我們將軸心設置為右上角。最后使用display:inline-block來保證豎直方向占據的空間只有文字本身的大小。

這種方法還有一種更簡單的實現方式，使用writing-mode屬性即可。writing-mode屬性用于設置文本的書寫方向，有horizontal-tb、vertical-rl和vertical-lr三種取值。我們可以將writing-mode設置為vertical-rl即可實現豎直文字。

/* 使用writing-mode屬性實現豎直文字 */
.vertical-text {
writing-mode: vertical-rl;
}

上述CSS代碼中，我們直接將writing-mode屬性設置為vertical-rl即可實現豎直文字。不過需要注意的是，這種方法在不同瀏覽器中的兼容性不同，需要根據實際情況選擇合適的方法來實現豎直文字效果。