css:writing-mode属性

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)，也就是仅仅是水平变垂直。

 

转载于:https://www.cnblogs.com/hxuan/p/5502732.html