CSS實(shí)現(xiàn)文字豎排

在CSS中，我們可以使用writing-mode屬性來(lái)實(shí)現(xiàn)文字豎排，writing-mode屬性定義了文本在元素中的排列方式，可以選擇水平排列（horizontal）、垂直排列（vertical）等。

下面是一個(gè)簡(jiǎn)單的例子，展示如何使用CSS實(shí)現(xiàn)文字豎排：

<div class="vertical-text">
  這是一段豎排的文字。
</div>

.vertical-text {
  writing-mode: vertical-rl; /* 垂直排列，從右到左 */
  transform: rotate(180deg); /* 旋轉(zhuǎn)180度，使文字從下到上排列 */
}

在上面的例子中，我們定義了一個(gè)名為.vertical-text的類(lèi)，用于將文字豎排，在這個(gè)類(lèi)中，我們使用了writing-mode屬性并將其設(shè)置為vertical-rl，表示文字將垂直排列，并且從右到左，我們還使用了transform屬性，并將旋轉(zhuǎn)角度設(shè)置為180度，這樣可以讓文字從下到上排列。

需要注意的是，writing-mode屬性的值可以根據(jù)具體需求進(jìn)行選擇，例如可以選擇horizontal（水平排列）、vertical-lr（垂直排列，從左到右）等，transform屬性的使用也可以根據(jù)實(shí)際情況進(jìn)行調(diào)整。

通過(guò)以上方法，我們可以輕松實(shí)現(xiàn)CSS中的文字豎排效果。