.vertical-text { writing-mode: vertical-rl; text-orientation: mixed; }
首先,大家需要使用CSS中的writing-mode属性来指定文字排版的方式。在竖排时,大家需要使用vertical-rl,即从右向左的竖排方式。同时,大家还需要借助text-orientation属性,将文字的方向调整为mixed,即文本流方向和段落方向是垂直的。
接下来,大家可以测试一下大家的CSS代码是否生效。大家可以在HTML中加入一个文本框,并给其添加class,然后在CSS中定义该class。代码如下:
这样,大家就可以将这段文字竖排显示了。