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

在CSS中，我們可以使用writing-mode屬性來實現(xiàn)文字豎排，writing-mode屬性定義了文本在元素中的排列方式，當我們將writing-mode屬性設(shè)置為vertical-rl時，文本就會從右到左垂直排列。

以下是一個示例，展示如何使用CSS將文字豎排：

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

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

在上面的示例中，我們首先將writing-mode屬性設(shè)置為vertical-rl，這將使文本從右到左垂直排列，我們使用transform屬性將文本旋轉(zhuǎn)180度，以確保文本在垂直排列時仍然可讀。

需要注意的是，writing-mode屬性只在支持CSS3或更高版本的瀏覽器中使用，如果您打算使用這種方法來顯示豎排文字，請確保您的瀏覽器支持CSS3或更高版本。