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

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

下面是一個簡單的示例，展示如何使用CSS將文字豎排顯示：

HTML代碼：

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

CSS代碼：

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

在這個示例中，我們定義了一個名為.vertical-text的類，用于將文字豎排顯示，我們設(shè)置writing-mode屬性為vertical-rl，表示文字垂直排列，從右到左，我們使用transform屬性將文本旋轉(zhuǎn)180度，使文字從下到上排列，這樣，我們就可以實現(xiàn)文字豎排顯示了。

需要注意的是，writing-mode屬性只在IE10及更高版本的瀏覽器中受支持，在使用時需要考慮瀏覽器兼容性，transform屬性的使用也需要根據(jù)具體需求進(jìn)行調(diào)整。

除了使用writing-mode和transform屬性外，我們還可以結(jié)合其他CSS屬性來實現(xiàn)更豐富的文字豎排顯示效果，可以使用text-align屬性來設(shè)置文本的對齊方式，使用font-size屬性來調(diào)整字體大小等，這些屬性的使用可以根據(jù)具體需求進(jìn)行調(diào)整。