在一些特殊的設計場景下，文字需要豎排顯示。而在網頁中，文字默認是橫排的。那么，在CSS中如何實現文字豎排的效果呢？下面，我們先來了解一下相關屬性。

/* 控制文字豎排方向 */
writing-mode: vertical-rl;
/* 控制文字的排列方式，從上到下或從下到上 */
text-orientation: upright;
/* 控制文字豎排時的間距 */
text-combine-upright: all;

writing-mode屬性指定了文字排列的方向。vertical-rl表示豎排，并從右向左排列，即從上往下看，文字是豎著排列的。

text-orientation屬性指定了文字在豎排時的朝向，即豎直的方向。upright表示文字豎直放置。

text-combine-upright屬性表示在豎排中合并相鄰的字符，使其更緊湊。all表示所有字母都會合并，實現緊湊的排列。

下面是一個例子，展示如何將文字豎排：

.vertical-text {
writing-mode: vertical-rl;
text-orientation: upright;
text-combine-upright: all;
font-size: 24px;
}

使用以上CSS樣式，可以將文字豎排，并讓文字緊湊排列。在需要豎排顯示的場景下，可以使用這種方式實現特殊的效果，提高網頁的視覺效果。