css writing-mode文字竖排

解决英文以及间距问题

文字竖排

writing-mode: vertical-rl;

解决英文竖排问题

text-orientation:upright;

字间距 

letter-spacing:8px;

 

writing-mode

属性定义及使用说明

writing-mode 属性定义了文本在水平或垂直方向上如何排布。

语法格式如下：

writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr

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

 

 text-orientation  |  文字方向

属性定义行内文本字符的方向。此属性仅在垂直模式下有效，即writing-mode

text-orientation: mixed | upright | sideways

• mixed——将水平脚本的字符旋转90°。自然地表现垂直脚本的特征。默认值。
• upright——自然地表现（竖直）水平脚本的字符以及垂直脚本的字形。请注意，此关键字会使所有字符被视为从左到右：使用的值direction被强制为ltr。

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

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