CSS字體豎起來

在CSS中，我們可以使用transform屬性將字體豎起來，我們需要創(chuàng)建一個包含文本的HTML元素，例如一個div或一個p元素，我們可以使用CSS的transform屬性來旋轉這個元素，使其文本沿著垂直方向排列。

下面是一個簡單的例子，展示如何將一個p元素中的文本豎起來：

HTML代碼：

<p id="vertical-text">這是一段豎起來的文本</p>

CSS代碼：

#vertical-text {
  writing-mode: vertical-rl; /* 垂直書寫模式 */
  transform: rotate(180deg); /* 旋轉180度，使文本從下到上排列 */
}

在這個例子中，writing-mode: vertical-rl;表示文本應該按照從右到左的順序垂直排列，transform: rotate(180deg);則表示將元素旋轉180度，使文本從下到上排列，這樣，我們就可以實現將字體豎起來的效果了。

需要注意的是，這種方法可能在一些瀏覽器上無法正常工作，因為它涉及到CSS的transform屬性和writing-mode屬性，在使用這種方法時，***好先測試一下在各種瀏覽器上的兼容性。