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-modevertical-rl,则整行再向右旋转90°;如果writing-modevertical-lr,则整行向左旋转90°。为了兼容性而保留了sideways的别名sideways-right

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

猜你喜欢

转载自blog.csdn.net/yuan_jlj/article/details/113122158