CSS讓豎排變橫排的方法

在CSS中，我們可以使用writing-mode屬性來改變文本的排列方式，默認情況下，文本是豎排排列的，但我們可以將其設(shè)置為橫排排列。

我們需要創(chuàng)建一個HTML元素，例如一個段落或一個列表，我們可以為該元素添加CSS樣式，將writing-mode屬性設(shè)置為horizontal-tb，這將使文本從頂部到底部水平排列。

假設(shè)我們有一個段落：

<p id="my-paragraph">這是一段豎排排列的文本。</p>

我們可以使用以下CSS代碼將其變?yōu)闄M排排列：

#my-paragraph {
  writing-mode: horizontal-tb;
}

這將使段落中的文本從頂部到底部水平排列，這種方法可能不適用于所有瀏覽器，因此在使用之前請確保您的目標瀏覽器支持該屬性。