在CSS中，文本的水平對齊通常很簡單，但是當(dāng)你需要設(shè)置豎直文本時，你需要使用transform屬性。在本文中，我們將學(xué)習(xí)如何使用CSS將文本豎直對齊。

.vertical-text {
writing-mode: vertical-rl; /* 豎直排列方式 */
transform: rotate(-180deg); /* 讓文字倒轉(zhuǎn)；如果直接用writing-mode: vertical-lr;文字就是顛倒的 */
text-align: center; /* 文字垂直居中 */
}

在上面的代碼中，我們創(chuàng)建了一個類名為vertical-text，用于將文本豎直排列。writing-mode屬性用于指定文本在被顯示的時候以什么樣的方式排列，其中vertical-rl表示將文本從上到下豎直排列。可以使用writing-mode: horizontal-tb;來將文本恢復(fù)為水平排列。

接下來，我們使用transform屬性使文字作180度的旋轉(zhuǎn)，這樣文字就會倒立排列了。最后我們需要使用text-align屬性將文本垂直居中，確保豎直文本的可讀性。

總之，在CSS中設(shè)置豎直文本可以通過writing-mode和transform來實現(xiàn)，這樣就可以在網(wǎng)頁中創(chuàng)建獨(dú)特的設(shè)計效果了。