writing-mode排版属性

快速理解writing-mode属性

writing-mode：文字排版的方式。

---

区分IE浏览器和非IE浏览器写法（常用）：

非IE浏览器，CSS3规范：

①水平方向，从左到右（默认）： writing-mode: horizontal-tb;>

②垂直方向，从左到右： writing-mode: vertical-lr;

③垂直方向，从右到左： writing-mode: vertical-rl;

IE浏览器：

①水平方向，从左到右（默认）： writing-mode: lr-tb;

②垂直方向，从左到右： writing-mode: tb-lr;

③垂直方向，从右到左： writing-mode: tb-rl;

理解：先按照前面部分规则排序，再按照后面部分规则排序。

PS：t=top，b=bottom，l=left；r=right。