如何調整CSS以改變文本排列方向為縱向

在CSS中，我們可以使用writing-mode屬性來調整文本排列方向為縱向。writing-mode屬性定義了文本在元素中的排列方式。

以下是一些示例代碼，展示如何應用writing-mode屬性：

1、縱向排列文本：

.vertical-text {
  writing-mode: vertical-rl; /* 縱向從右到左排列文本 */
}

2、橫向排列文本：

.horizontal-text {
  writing-mode: horizontal-tb; /* 橫向從頂到底排列文本 */
}

3、旋轉90度排列文本：

.rotated-text {
  writing-mode: vertical-lr; /* 縱向從左到右排列文本，旋轉90度 */
}

writing-mode屬性的值可以根據您的具體需求進行調整，這些示例僅展示了其中的一部分用法。

您還可以結合其他CSS屬性來調整文本的外觀和排版，可以使用text-align屬性來調整文本的對齊方式，使用font-size屬性來調整字體大小等，這些屬性可以幫助您更好地控制文本的排版和呈現效果。