CSS writing-mode 属性

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

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

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

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

定义和用法

这个writing-mode属性指定文本行是水平排列还是垂直排列。

默认值：	水平TB
遗传：	是的
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.writingMode="vertical-rl"

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
writing-mode	48.0	12.0	41.0	11.0	35.0

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

Value	Description	Demo
horizontal-tb	Let the content flow horizontally from left to right, vertically from top to bottom	Demo ❯
vertical-rl	Let the content flow vertically from top to bottom, horizontally from right to left	Demo ❯
vertical-lr	Let the content flow vertically from top to bottom, horizontally from left to right	Demo ❯