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

在CSS中，我們可以使用writing-mode屬性來實(shí)現(xiàn)文字豎排，這個(gè)屬性可以指定文本的方向，包括水平、垂直等，下面是一個(gè)簡單的例子：

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

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

在這個(gè)例子中，我們創(chuàng)建了一個(gè)名為.vertical-text的類，并將它應(yīng)用到一個(gè)div元素上，我們使用writing-mode屬性將文本方向設(shè)置為垂直從右到左，并使用transform屬性將文本旋轉(zhuǎn)180度，使文字從下到上排列。

需要注意的是，writing-mode屬性的值可以根據(jù)具體需求進(jìn)行設(shè)置，例如vertical-lr表示垂直從左到右，transform屬性的值也可以根據(jù)需要調(diào)整，例如旋轉(zhuǎn)90度、180度等。

除了writing-mode和transform屬性外，我們還可以使用其他CSS屬性來調(diào)整文本的排版和樣式，可以使用text-align屬性來設(shè)置文本的對(duì)齊方式，使用font-size屬性來設(shè)置字體大小等，這些屬性可以幫助我們更好地控制文本的排版和樣式，使網(wǎng)頁更加美觀和易用。