文本竖排

writing-mode: vertical-rl;
text-orientation: sideways;

text-orientation CSS属性定义行内文本字符的方向。此属性仅在垂直模式下有效,即writing-mode不是horizontal-tb。这对控制使用垂直脚本的语言的显示以及制作垂直表头是很有用的。

/* Keyword values */ 
text-orientation: mixed; 
text-orientation: upright; 
text-orientation: sideways-right; 
text-orientation: sideways;
text-orientation: use-glyph-orientation;

mixed——将水平脚本的字符旋转90°。自然地表现垂直脚本的特征。默认值。

upright——自然地表现(竖直)水平脚本的字符以及垂直脚本的字形。请注意,此关键字会使所有字符被视为从左到右:使用的值direction被强制为ltr

sideways——使字符按照水平放置的方式布置,但如果writing-modevertical-rl,则整行再向右旋转90°;如果writing-modevertical-lr,则整行向左旋转90°。为了兼容性而保留了sideways的别名sideways-right

use-glyph-orientation——在SVG元素上,这个关键字会导致使用过时的SVG属性值glyph-orientation-verticalglyph-orientation-horizontal