CSS是一種用來控制網頁樣式，讓網頁內容更美觀的語言，而有時候我們需要讓文字按照豎直方向顯示，CSS也同樣可以實現。

/* 設置文字豎直顯示 */
.vertical-text {
writing-mode: vertical-rl; /* 豎排文字 */
text-orientation: upright; /* 文字方向豎直 */
}

以上代碼使用了兩種屬性，分別是writing-mode和text-orientation。

writing-mode是用來設置文字排列方式的屬性，它有以下幾個取值：

• horizontal-tb：水平排列，從上到下（默認值）
• vertical-rl：垂直排列，從右到左
• vertical-lr：垂直排列，從左到右
• sideways-rl：旋轉排列，從上到下，文字向右傾斜
• sideways-lr：旋轉排列，從上到下，文字向左傾斜

text-orientation是用來設置文字方向的屬性，它有以下幾個取值：

• mixed：字母按照水平方向排列，漢字按照垂直方向排列（默認值）
• upright：文字方向豎直

在設置writing-mode屬性為vertical-rl時，如果希望文字豎直方向朝上，則需要再設置text-orientation屬性為upright。

<p class="vertical-text">這是豎直顯示的文字</p>

在HTML中，我們可以給需要設置豎直顯示的文字添加自定義class，然后在CSS樣式中對該class進行設置，如下所示：

好了，今天我們學習了如何使用CSS實現文字豎直顯示，希望能幫助到大家。