CSS讓豎排變成橫排的方法

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

如果你想要將一段豎排的文字變成橫排，你可以這樣寫：

p {
  writing-mode: horizontal-tb;
}

這段CSS代碼會將所有段落（p元素）的文本排列方向設(shè)置為從左到右，從上到下，這樣，原本豎排的文字就會變成橫排。

如果你想要將特定的文字變成橫排，你可以給這段文字添加一個特定的類名，然后在CSS中針對這個類名設(shè)置writing-mode屬性。

HTML代碼：

<div class="horizontal-text">這是一段豎排的文字，將被變成橫排。</div>

CSS代碼：

.horizontal-text {
  writing-mode: horizontal-tb;
}

這樣，只有這段帶有horizontal-text類名的文字會被變成橫排，其他文字仍然保持豎排。