CSS讓文字豎向排列的方法

在CSS中，我們可以使用writing-mode屬性來(lái)讓文字豎向排列，這個(gè)屬性可以設(shè)置為vertical-rl（從右到左垂直排列）或vertical-lr（從左到右垂直排列）。

如果我們想要讓一個(gè)段落豎向排列，可以這樣做：

p {
  writing-mode: vertical-rl;
}

這樣，該段落中的文字就會(huì)從右到左垂直排列。

如果我們想要讓整個(gè)頁(yè)面的文字都豎向排列，可以將writing-mode屬性添加到body元素上：

body {
  writing-mode: vertical-rl;
}

這樣，整個(gè)頁(yè)面的文字就會(huì)從右到左垂直排列。

需要注意的是，writing-mode屬性只在CSS3及更高版本中受支持，因此在使用時(shí)需要注意瀏覽器的兼容性。

如果我們需要對(duì)某個(gè)特定區(qū)域的文字進(jìn)行豎向排列，可以使用CSS的position屬性來(lái)定位該區(qū)域，并結(jié)合writing-mode屬性來(lái)實(shí)現(xiàn)。

我們可以創(chuàng)建一個(gè)固定位置的側(cè)邊欄，并將側(cè)邊欄中的文字設(shè)置為豎向排列：

#sidebar {
  position: fixed;
  writing-mode: vertical-rl;
}

這樣，側(cè)邊欄中的文字就會(huì)從右到左垂直排列，并且側(cè)邊欄會(huì)固定在頁(yè)面的某個(gè)位置。