在進行網頁排版時，有一些時候需要讓文字垂直方向上顯示，這時我們可以使用CSS來實現。下面我們就來講一下如何讓字豎著顯示。 首先，我們需要使用CSS中的writing-mode屬性來設置文字的書寫方式。writing-mode有以下幾個值： - horizontal-tb：水平方向從左到右書寫，默認方式。 - vertical-rl：豎直方向從上到下書寫，每個文字從右到左顯示。 - vertical-lr：豎直方向從上到下書寫，每個文字從左到右顯示。 - sideways-rl：豎直方向從上到下書寫，每個文字旋轉90度后從右到左顯示。 - sideways-lr：豎直方向從上到下書寫，每個文字旋轉90度后從左到右顯示。 我們需要使用的是vertical-rl和vertical-lr。 接著，我們在需要垂直顯示的文字所在的HTML元素中添加如下代碼： ```html

我是要垂直顯示的文字

``` 然后，在CSS中我們就可以使用如下代碼來讓字垂直方向上顯示： ```css .vertical-text { writing-mode: vertical-rl; /* 也可以寫成vertical-lr */ text-orientation: upright; /* 這個屬性用來設置文字方向，upright表示豎直方向 */ white-space: nowrap; /* 這個屬性用來防止文字自動換行 */ } ``` 如果想要讓文字從右邊開始顯示，可以使用transform屬性進行旋轉，具體代碼如下： ```css .vertical-text { writing-mode: vertical-rl; transform: rotate(180deg); /* 旋轉180度 */ transform-origin: top right; /* 旋轉的基準點 */ text-orientation: upright; white-space: nowrap; } ``` 至此，我們就成功地讓文字垂直顯示了。在實際應用中，垂直顯示的文字一般會比較少，只會用到一些特殊的地方，但了解如何實現還是很有必要的。