CSS writing-mode属性

定义和用法

writing-mode属性指定文本行是水平布局还是垂直布局。

特征	说明
默认值	horizontal-tb
继承	有
动画	没有。CSS动画参考
CSS版本	CSS3
JavaScript语法	object.style.writingMode="vertical-rl"

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

属性	IE/Edge	Chrome	FireFox	Safari	Opera
属性名称
writing-mode	12.0	48.0	41.0	11.0	35.0

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

指定文本行是水平布局还是垂直布局：

p.test1 {
  writing-mode: horizontal-tb; 
}

p.test2 {
  writing-mode: vertical-rl; 
}

span.test2 {
  writing-mode: vertical-rl; 
}

尝试一下