CSS如何讓字體豎著寫？ 要想讓字體豎著寫，我們需要對文本進行旋轉(zhuǎn)，實現(xiàn)方法有多種，下面介紹兩種主流的做法。 第一種方法是使用transform屬性中的rotate值來對文字進行旋轉(zhuǎn)。例如，我們想要將一個p標簽中的文本豎向排列，則可以在p標簽內(nèi)添加如下樣式：

p {
writing-mode: vertical-rl;   // 將文字垂直向右旋轉(zhuǎn)
transform: rotate(180deg);  // 再將文字旋轉(zhuǎn)180度變?yōu)樨Q向
}

在上述樣式中，writing-mode屬性指定了文字在豎直方向上排列的方式，值為vertical-rl表示從上到下的豎向排列，而transform屬性中的rotate值實現(xiàn)了再將垂直放置的文字逆時針旋轉(zhuǎn)180度，變成真正的豎向。 第二種方法是使用CSS3中新增的text-orientation屬性，這里同樣以豎向排列為例：

p {
text-orientation: upright;   // 將文字垂直向上排列
writing-mode: sideways-lr;   // 將文字從右向左排列，即豎向排列
}

在上述樣式中，text-orientation屬性指定了文字對齊方式為垂直向上。writing-mode中的sideways-lr將文字從右向左排列，實現(xiàn)了豎向排列的效果。 使用上述兩種方法，我們可以輕松讓文字在網(wǎng)頁中垂直排列，實現(xiàn)各種特殊效果，如實現(xiàn)橫向排列看上去橫向豎向錯亂的效果等。