文字排版從豎排變成橫排

在CSS中，我們可以使用writing-mode屬性來改變文字的排版方向，這個屬性可以設(shè)置為vertical-rl（豎排從右到左）或horizontal-tb（橫排從上到下）。

要將豎排的文字變成橫排，我們可以將writing-mode屬性設(shè)置為horizontal-tb，如果我們有一個段落，其CSS樣式如下：

p {
  writing-mode: vertical-rl;
}

我們可以將其修改為：

p {
  writing-mode: horizontal-tb;
}

這樣，該段落中的文字就會從豎排變成橫排，這種改變只會影響該段落中的文字排版，不會影響其他段落或整個頁面的排版。

如果你想要讓文字始終保持橫排，無論屏幕大小如何變化，你可以使用CSS的媒體查詢（Media Queries）來設(shè)置不同屏幕下的排版方式。

@media screen and (max-width: 600px) {
  p {
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 601px) {
  p {
    writing-mode: horizontal-tb;
  }
}

這樣，在屏幕寬度小于600px時，文字會豎排；在屏幕寬度大于600px時，文字會橫排，這種設(shè)置可以使得頁面在不同屏幕下都能保持良好的可讀性。