如何把文字橫過來CSS

在CSS中，您可以使用transform屬性將文字橫過來，以下是一個簡單的示例：

1、創(chuàng)建一個HTML元素，例如一個段落（p元素）。

2、在CSS中，為該元素添加transform屬性，并將其值設(shè)置為rotate(-90deg)，這將使文字逆時針旋轉(zhuǎn)90度，從而實現(xiàn)橫向顯示。

3、您還可以添加writing-mode屬性，并將其值設(shè)置為vertical-rl，以進一步控制文字的排列方式，這會使文字從右到左垂直排列，更符合閱讀習慣。

以下是一個完整的示例代碼：

HTML:

<p class="horizontal-text">這是一段橫過來的文字。</p>

CSS:

.horizontal-text {
  transform: rotate(-90deg);
  writing-mode: vertical-rl;
}

在這個示例中，我們創(chuàng)建了一個名為horizontal-text的CSS類，并將該類的transform屬性設(shè)置為rotate(-90deg)，將文字逆時針旋轉(zhuǎn)90度，我們還添加了writing-mode屬性，并將其值設(shè)置為vertical-rl，以控制文字的排列方式，我們將這個類應(yīng)用到一個段落元素上，實現(xiàn)了文字橫過來的效果。