CSS實現(xiàn)文字垂直排版

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

下面是一個簡單的例子，展示如何使用writing-mode屬性將文字垂直排列：

<div style="writing-mode: vertical;">
  這是一段垂直排列的文字。
</div>

在上面的例子中，我們創(chuàng)建了一個div元素，并將writing-mode屬性設(shè)置為vertical，這樣元素中的文字就會垂直排列。

除了writing-mode屬性，我們還可以使用text-orient屬性來進一步控制文字的排列方向，text-orient屬性可以設(shè)置為auto、upright、left-to-right或right-to-left，分別表示自動、直立、從左到右或從右到左的排列方向。

下面是一個更復(fù)雜的例子，展示如何使用text-orient屬性來控制文字的排列方向：

<div style="writing-mode: vertical; text-orient: left-to-right;">
  這是一段從右到左排列的文字。
</div>

在上面的例子中，我們使用了text-orient屬性將文字從右到左排列，我們還使用了writing-mode屬性將文字垂直排列。

需要注意的是，text-orient屬性的值會影響文字的排列方向，但并不會影響文字的書寫順序，也就是說，無論text-orient屬性的值是什么，文字的書寫順序都是按照從左到右的順序進行的。

通過以上兩個例子，我們可以輕松地實現(xiàn)文字的垂直排版和排列方向的調(diào)整，這些功能在設(shè)計和排版中非常有用，可以幫助我們創(chuàng)建更加獨特和吸引人的文本效果。