CSS中文字縱向排列的方法

在CSS中，我們可以使用writing-mode屬性來實(shí)現(xiàn)文字的縱向排列，writing-mode屬性定義了文本在元素中的排列方式，可以選擇橫向或縱向排列。

以下是一個(gè)簡單的示例，展示如何使用writing-mode屬性將文字縱向排列：

<div class="vertical-text">縱向排列的文字</div>

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

在上面的示例中，我們首先將writing-mode屬性設(shè)置為vertical-rl，表示文字縱向排列，從右到左，我們使用transform屬性將元素旋轉(zhuǎn)180度，使文字從下到上排列，這樣，我們就可以實(shí)現(xiàn)文字的縱向排列效果。

需要注意的是，writing-mode屬性的值還可以是horizontal-tb或horizontal-rl，分別表示橫向排列，從上到下或從左到右，我們可以根據(jù)具體的需求選擇合適的值。

transform屬性的值還可以是translate、scale等，可以實(shí)現(xiàn)更多的變換效果，我們可以根據(jù)具體的需求選擇合適的變換效果。

通過以上方法，我們就可以在CSS中實(shí)現(xiàn)文字的縱向排列效果。