CSS實(shí)現(xiàn)文字垂直排列

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

下面是一個示例代碼，展示如何使用writing-mode屬性實(shí)現(xiàn)文字的垂直排列：

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

在上面的代碼中，我們將div元素的writing-mode屬性設(shè)置為vertical，表示文本在元素中垂直排列，我們還使用了text-align屬性將文本居中顯示。

除了writing-mode屬性外，我們還可以使用transform屬性來實(shí)現(xiàn)文字的垂直排列，下面是一個示例代碼：

<div style="transform: rotate(90deg); writing-mode: horizontal; text-align: center;">
  這是一段垂直排列的文字
</div>

在上面的代碼中，我們將div元素的transform屬性設(shè)置為rotate(90deg)，表示將元素旋轉(zhuǎn)90度，由于transform屬性的作用，文本在元素中垂直排列，我們還使用了writing-mode屬性將文本設(shè)置為水平排列，以確保文本在元素中的顯示方向與旋轉(zhuǎn)后的元素方向一致。

無論是使用writing-mode屬性還是transform屬性，都可以實(shí)現(xiàn)文字的垂直排列，具體使用哪種方法取決于你的需求和設(shè)計(jì)。