在日常的網頁開發中，常常需要對文字進行排版。如果您希望文字縱向排列，可以嘗試使用CSS中的豎排文本效果。下面將為您介紹如何實現。

/* 以下是CSS代碼 */
.vertical-text {
writing-mode: vertical-lr; /* lr表示從左到右，rl為從右到左 */
text-orientation: upright; /* 設置文字方向為正立 */
text-align: center; /* 對齊方式 */
white-space: nowrap; /* 防止文字自動換行 */
}

如果您需要讓一整段文字呈豎向排列，可以給該段落設置一個類名，如“vertical-text”，然后將CSS代碼中的類名改為您所設置的類名即可。

如果您只需要讓部分文字呈豎向排列，可以將該部分文字放在一個span標簽里，再為該標簽設置CSS樣式。

/* 以下是CSS代碼 */
.vertical-char {
display: inline-block; /* 行內塊級元素才能設置寬度和高度 */
writing-mode: vertical-rl; /* 從右到左排列 */
text-orientation: upright; /* 設置文字方向為正立 */
height: 1.2em; /* 適當設置高度以合適地顯示文字 */
width: 0.5em; /* 適當設置寬度以合適地顯示文字 */
}

以上是CSS的豎排文本基本用法，您可以根據需求微調相關屬性，創造出豐富多樣的文字排版。