CSS设置文字方向，让文字竖排显示

只需一条属性

writing-mode:vertical-lr;

 

 

这个属性可以设置文字在水平方向还是在竖直方向的排布

菜鸟教程解释是下面这个样子的：

• horizontal-tb：水平方向自上而下的书写方式。即 left-right-top-bottom
• vertical-rl：垂直方向自右而左的书写方式。即 top-bottom-right-left
• vertical-lr：垂直方向内内容从上到下，水平方向从左到右
• sideways-rl：内容垂直方向从上到下排列
• sideways-lr：内容垂直方向从下到上排列