CSS字怎么豎著排

在CSS中，我們可以使用writing-mode屬性來將文本豎著排列，writing-mode屬性可以指定文本的方向，例如橫向、縱向等，在縱向排列中，我們可以選擇從右到左或者從左到右的順序。

以下是一個(gè)簡單的例子，展示如何將文本豎著排列：

p {
  writing-mode: vertical-rl; /* 從右到左的縱向排列 */
  transform: rotate(180deg); /* 旋轉(zhuǎn)180度，使文本從下到上排列 */
}

在這個(gè)例子中，我們使用了writing-mode屬性來指定文本的排列方式為縱向，并且使用transform屬性將文本旋轉(zhuǎn)180度，使文本從下到上排列，我們可以根據(jù)具體的需求來調(diào)整這些值。

需要注意的是，writing-mode屬性的值可以為horizontal-tb、vertical-rl或vertical-lr，分別表示橫向、從右到左的縱向排列和從左到右的縱向排列，我們可以根據(jù)具體的需求來選擇適當(dāng)?shù)闹怠?/p>

我們還需要注意瀏覽器對writing-mode屬性的支持情況，雖然大多數(shù)現(xiàn)代瀏覽器都支持該屬性，但是某些瀏覽器可能需要特定的前綴或者版本才能正確顯示，在實(shí)際應(yīng)用中，我們需要根據(jù)具體情況來調(diào)整代碼以確保兼容性。