CSS 中讓文字豎排的方法 使用 CSS 可以讓我們對網頁中的文字進行各種排版和布局。在某些情況下，我們希望文字豎著排列，這時候該怎么實現呢？ 首先，我們需要使用 CSS 中的 writing-mode 屬性。這個屬性可以設置文本的書寫方式，包括橫排、豎排等多種方式。 下面是一個示例代碼：

豎排文字

我們現在要讓這個文字豎著排列。我們可以使用以下 CSS 代碼：

.vertical-text {
writing-mode: vertical-lr; // 從上到下（從左到右）
text-orientation: upright; // 文字垂直
white-space: nowrap; // 設置不換行
}

這里，我們設置了 writing-mode 屬性為 vertical-lr，表示從上到下排列（還有從下到上的 vertical-rl）。text-orientation 屬性則表示文字垂直顯示。最后，我們還設置了 white-space 屬性為 nowrap，這樣可以保證文字不會換行。 如果想要讓文字從右到左排列，則需要將 writing-mode 屬性設置為 vertical-rl。 需要注意的是，某些瀏覽器不支持 writing-mode 屬性，因此在使用時需要多進行測試和調試。 總之，使用 CSS 中的 writing-mode 屬性，可以輕松實現網頁中文字的豎排。