在網頁中，一些特殊的排版要求必須用到 CSS。其中一種排版方式就是將文字豎直排列。今天我們就來學習如何使用 CSS 將文字豎直排列。
首先，我們可以根據需要使用 p 標簽將文本內容分段。然后，在 CSS 樣式表中，使用 writing-mode 屬性來實現文字豎直排列。writing-mode 屬性的值可以設置為 vertical-lr、vertical-rl、sideways-rl 或 sideways-lr。其中，vertical-lr 表示從上到下的豎直排列，vertical-rl 表示從下到上的豎直排列，sideways-rl 表示從右到左偏斜排列，sideways-lr 表示從左到右偏斜排列。
另外，我們還可以使用 transform 屬性來實現文字豎直排列。transform 屬性的值可以設置為 rotate(90deg) 或 rotate(-90deg)。其中，rotate(90deg) 表示將文字向左旋轉 90 度，實現從上到下的豎直排列，rotate(-90deg) 表示將文字向右旋轉 90 度，實現從下到上的豎直排列。
下面是使用 writing-mode 屬性實現文字豎直排列的示例代碼：

<style>
p {
writing-mode: vertical-lr;
}
</style>
<!-- 文字內容 -->
<p>你好，這是一個豎直排列的文字。</p>
<p>你好，這是另一個豎直排列的文字。</p>

下面是使用 transform 屬性實現文字豎直排列的示例代碼：

<style>
p {
transform: rotate(-90deg);
}
</style>
<!-- 文字內容 -->
<p>你好，這是一個豎直排列的文字。</p>
<p>你好，這是另一個豎直排列的文字。</p>

通過上述示例代碼，我們學會了如何使用 CSS 將文字豎直排列。我們可以根據需要自行選擇使用 writing-mode 屬性或 transform 屬性來實現。