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