CSS 中文豎起來排版的方法

在CSS中，我們可以使用transform屬性來將中文豎起來排版，以下是一個(gè)簡單的示例：

HTML代碼：

<div class="vertical-text">中文豎起來排版</div>

CSS代碼：

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

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為vertical-text的類，并將它應(yīng)用到一個(gè)div元素上，這個(gè)類使用了兩個(gè)CSS屬性來實(shí)現(xiàn)中文豎起來排版：writing-mode和transform。

writing-mode屬性用于設(shè)置文本的書寫模式，這里我們將其設(shè)置為vertical-rl，表示文本將從右到左垂直排列。

transform屬性用于對元素進(jìn)行變換，這里我們將其設(shè)置為rotate(-90deg)，表示將文本逆時(shí)針旋轉(zhuǎn)90度，以便更好地適應(yīng)垂直排列。

通過這種方式，我們就可以輕松地將中文豎起來排版，并且使其排版更加美觀和有序。