在網頁設計中，垂直排列的文本通常使用表格或列表等方式實現。但是，CSS提供了一種比較簡單的方法來實現垂直排列的文本。本篇文章將介紹如何使用CSS實現垂直排列的文本。

.vertical-text {
display: flex;
flex-direction: column;
justify-content: center;
}

以上代碼實現了一個垂直排列的文本。下面我們來看看每個屬性的作用：

• display: flex;：將元素設為彈性盒子，使其內部元素可以使用彈性盒子布局。
• flex-direction: column;：指定主軸為垂直方向。
• justify-content: center;：使內部元素垂直居中對齊。

有了以上代碼，我們就可以在我們的文本元素中應用這個CSS類了：

<p class="vertical-text">這是<br>一段<br>垂直<br>排列的<br>文字。</p>

如上代碼所示，我們只需將文本元素的class屬性設為"vertical-text"即可實現垂直排列的文本。此方法需要注意以下幾點：

• 內部元素必須有固定高度。
• 如果有多個內部元素，可以使用align-items: center;使其水平居中對齊。

以上就是使用CSS實現垂直排列的文本的完整方法。相比表格或列表等方式，使用CSS實現垂直排列的文本更加簡單、靈活。希望本篇文章對您有所幫助。