隨著互聯網技術的不斷發展，我們已經可以在各種設備上輕松訪問繁多的網頁，網頁設計也因此變得更加多樣化。CSS是網頁設計中不可或缺的一部分，可以實現各種排版效果。其中，多行文字豎排是一種獨特的排版方式，可以使得網頁更具藝術感和創新感。

要實現多行文字豎排，我們可以使用CSS3中的writing-mode屬性，并將其設置為vertical-rl或vertical-lr。其中，vertical-rl代表垂直豎排，從右向左，而vertical-lr則代表垂直豎排，從左向右。

.vertical-text{
writing-mode: vertical-rl; /*從右向左垂直豎排*/
text-orientation: upright; /*文字排布方向垂直不傾斜*/
white-space: nowrap; /*禁止文字自動換行*/
}

在上面的CSS代碼中，我們首先定義了一個.vertical-text類，表示該樣式應用于具有該類的元素上。然后，我們將writing-mode屬性設置為vertical-rl，表示從右向左垂直豎排；而text-orientation屬性則是防止文字傾斜，使得文字排布更加整齊。最后，我們禁止了文字自動換行，避免出現排版上的問題。

除了以上的CSS屬性，我們還可以通過transform屬性來調整文字的位置、角度以及大小等。例如，我們可以使用transform: rotate(90deg);來實現將文字逆時針旋轉90度。

.rotate-text{
writing-mode: horizontal-tb; /*橫向排布*/
transform: rotate(-90deg); /*逆時針旋轉90度*/
transform-origin: top left; /*旋轉原點為頂部左側*/
}

因此，CSS的多行文字豎排不僅可以讓網頁的排版更加靈活和創新，還可以為網頁設計帶來更加美觀的效果。如果您希望打破傳統的網頁排版風格，不妨來嘗試一下這種新穎的排版方式。