在CSS中，我們可以通過(guò)多種方式改變字體的排列方式，包括橫向和豎向排列，以下是一些實(shí)現(xiàn)這一功能的方法：

1、使用CSS的writing-mode屬性：

horizontal-tb：默認(rèn)值，文本水平書寫，從上到下。

vertical-rl：文本垂直書寫，從右到左。

vertical-lr：文本垂直書寫，從左到右。

要將文本豎向排列，從左到右，可以使用以下CSS樣式：

div {
  writing-mode: vertical-lr;
}

2、使用CSS的transform屬性進(jìn)行旋轉(zhuǎn)：

- 通過(guò)設(shè)置transform: rotate()可以改變文本的旋轉(zhuǎn)角度。

要將文本旋轉(zhuǎn)90度，使其豎向排列，可以使用以下CSS樣式：

div {
  transform: rotate(90deg);
}

3、使用CSS的display屬性進(jìn)行靈活布局：

- 通過(guò)設(shè)置display: flex或display: grid可以更方便地控制文本的布局和排列。

要將文本豎向排列在一個(gè)flex容器中，可以使用以下CSS樣式：

div {
  display: flex;
  flex-direction: column;
}

這些方法可以幫助你在CSS中輕松改變字體的排列方式，適應(yīng)不同的設(shè)計(jì)和布局需求。