在进行网页排版时，有一些时候需要让文字垂直方向上显示，这时我们可以使用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; } ``` 至此，我们就成功地让文字垂直显示了。在实际应用中，垂直显示的文字一般会比较少，只会用到一些特殊的地方，但了解如何实现还是很有必要的。