在網頁設計中，有時候需要將文字排列豎著展示，比如日語等使用中文排版方式不同的場景，這時我們就需要用到CSS的文本排列效果。 想要實現豎排文字，我們需要使用CSS屬性writing-mode，它可以控制文字的排列方式，包括從左到右、從右到左、從上到下等多種方式。 要將文字豎著排列，我們需要將writing-mode屬性的值設置為vertical-rl或vertical-lr。其中，vertical-rl表示從上到下書寫，文字從右向左排列；而vertical-lr則表示文字從左向右排列。 我們可以在p標簽內添加樣式，將段落中的文字豎直排列，例如：

p {
writing-mode: vertical-rl;
text-orientation: upright;
 }

text-orientation屬性用于控制文字的傾斜方向，upright表示不傾斜。 如果我們想要在一段文字中只將部分文字豎直排列，可以使用span標簽，如下所示：

p {
writing-mode: horizontal-tb;
 }
 span {
writing-mode: vertical-rl;
text-orientation: upright;
 }

在上面的代碼中，我們首先將整個段落文字的排列方式設置為horizontal-tb（水平從左到右），然后在一個span標簽內部將需要豎排的文字設置為vertical-rl。 總的來說，CSS提供了豐富的文本排列方式，我們可以根據需求自由地控制文字的方向和排列方式，讓網頁呈現更加多樣化的效果。