在CSS中，我們可以使用多種方法將文字從豎排改為橫排，以下是一些常見的解決方案：

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

- 這個屬性可以改變文本的書寫方向。writing-mode: horizontal-tb;會將文本從豎排改為橫排，從左到右書寫。

- 示例：

```css

.vertical-text {

writing-mode: vertical-rl; /* 豎排文本，從右到左 */

}

.horizontal-text {

writing-mode: horizontal-tb; /* 橫排文本，從左到右 */

}

```

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

- 通過設(shè)置transform: rotate(-90deg);可以將豎排文本旋轉(zhuǎn)90度，使其變?yōu)闄M排。

- 示例：

```css

.rotate-text {

transform: rotate(-90deg);

}

```

3、調(diào)整text-align屬性：

- 確保文本在容器中正確對齊，可以使用text-align: left;（或right）來調(diào)整文本的橫排位置。

- 示例：

```css

.align-text {

text-align: left; /* 文本左對齊 */

}

```

4、使用Flexbox或Grid布局：

- 通過設(shè)置容器為Flexbox或Grid布局，可以更容易地控制文本的位置和方向。

- 示例（Flexbox）：

```css

.flex-container {

display: flex;

flex-direction: row; /* 橫向布局 */

}

```

5、考慮瀏覽器兼容性：

- 在使用這些CSS屬性時，要注意不同瀏覽器的兼容性，可以使用工具如[Can I use](https://caniuse.com/)來檢查特定屬性的瀏覽器支持情況。

通過以上方法，你可以靈活地在CSS中改變文本的排版方向，使其更符合你的設(shè)計需求。