writing-mode属性 实现文字垂直排版
下面是css3语法:
1 /* 关键字值 */ 2 writing-mode: horizontal-tb; /* 默认值 */ 3 writing-mode: vertical-rl; 4 writing-mode: vertical-lr; 5 6 /* 全局值-关键字inherit IE8+,initial和unset IE13才支持 */ 7 writing-mode: inherit; 8 writing-mode: initial; 9 writing-mode: unset;
默认值horizontal-tb表示,文本流是水平方向(horizontal)的,元素是从上往下(tb:top-bottom)堆叠的。
vertical-rl表示文本是垂直方向(vertical)展示,然后阅读的顺序是从右往左(rl:right-left),跟我们古诗的阅读顺序一致。vertical-lr表示文本是垂直方向(vertical)展示,然后阅读的顺序还是默认的从左往右(lr:left-right),也就是仅仅是水平变垂直。
浙公网安备 33010602011771号