在網頁設計中，有時候需要將文字豎向排列，以達到特定的視覺效果。這時候需要使用 CSS 來實現。本文將介紹一些常用的 CSS 技巧來讓文字豎向排列。 首先，我們需要使用 CSS 中的 transform 屬性來實現將文字旋轉 90 度的效果。具體代碼如下：

p {
transform: rotate(90deg);
}

這樣，我們就把所有的段落文字都豎向排列了。但是，這樣的效果會使得文字之間的距離變得很小，還有可能出現文字重疊的情況。為了解決這個問題，我們可以添加一些額外的 CSS 屬性來控制文字的間距和位置。 例如，我們可以使用 CSS 中的 writing-mode 屬性來控制文字的書寫方向：

p {
writing-mode: vertical-lr; /* 從左到右豎向書寫 */
}

這里的 vertical-lr 意為“從左到右豎向書寫”，如果需要從右到左書寫，可以使用 vertical-rl。 此外，我們還可以使用 line-height 屬性來控制文字的行高，避免文字重疊的情況：

p {
line-height: 1.5em;
}

在設置 line-height 時，需要根據文字大小和字體來進行調整。如果行高設置過大，會導致段落之間的間距變得太大；如果行高設置過小，會導致文字重疊的情況。 最后，我們還可以使用 letter-spacing 屬性來控制文字之間的間距，以實現更好的排版效果：

p {
letter-spacing: 0.3em;
}

通過上述的 CSS 技巧，我們可以輕松地將文字豎向排列，并且實現更好的排版效果。