CSS可以實現文字豎著多排的效果，讓文字排列成縱向的形式，從而為網頁設計提供了更加自由的方式。下面就來介紹一下使用CSS設置文字豎著多排的方法。 首先，使用CSS樣式控制文字豎著排列的關鍵是writing-mode屬性。writing-mode屬性可以設置文本的書寫模式，包括horizontal-tb（從左到右水平排列）、vertical-rl（從上到下從右到左排列）和vertical-lr（從上到下從左到右排列）等模式。 接著，為了讓文字豎著排列，我們需要將每個字符都轉換為塊級元素。這可以通過display屬性來實現。設置display：inline-block;屬性可以將字符轉換為塊級元素，從而讓文字豎著排列。此外，還需要設置相應的寬度和高度，以確保每個字符的大小和間距都一致。 最后，使用pre標簽來包含代碼，這可以讓排版更加整齊，從而更好地展示代碼。 下面是一段示例代碼，實現了文字豎著多排的效果：

C
S
S

以上代碼可以將單詞“CSS”排列成豎著的形式，其中writing-mode屬性設置為vertical-rl，display屬性設置為inline-block，寬度、高度和行高都設置為20px，表示每個字符的大小和間距都是20px。border屬性用于添加邊框。 通過這種方式，我們可以輕松實現文字豎著多排的效果，為網頁設計帶來更多的可能性。