在網頁設計中，文字排版是至關重要的一環。CSS 提供了許多控制文字排版的方法，其中就包括將文字豎向排列。下面我們來看看如何通過 CSS 實現文字豎向排列。

/* 水平文字變為豎向排列 */
.vertical-text {
writing-mode: vertical-lr;
}
/* 豎向文字變為水平排列 */
.horizontal-text {
writing-mode: horizontal-tb;
}

上面的代碼中，writing-mode屬性是實現文字豎向排列的關鍵。其中，vertical-lr表示將文字從左至右豎向排列，而horizontal-tb表示將文字水平排列。

需要注意的是，不同瀏覽器對于writing-mode屬性的支持程度不同，因此在使用該屬性時需要進行兼容性測試。

另外，文字豎向排列在中文設計中非常常見，如海報、廣告等中常常使用，能夠將頁面的美觀程度提升到一個新的高度。

總之，掌握基本的 CSS 文字豎向排列知識是非常有益的，在實際的網頁設計中能夠為頁面增加不少的美感。