css文字排列 - 代码篇

css文字排列

---

css3标准

属性名	值	解释
writing-mode	horizontal-tb	// 默认值：水平方向，从上到下
writing-mode	vertical-rl	// 垂直方向，从右向左
writing-mode	horizontal-lr	// 垂直方向，从左向右

---

一、单行 · 竖排

二、多行 · 竖排

三、单行横向（+90°旋转） · 整体竖排

---

注意：

1. 英文排版注意事项： word-wrap: break-word; /*英文的时候需要加上这句，自动换行*/
2. writing-mode:vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/
writing-mode:tb-lr; /*IE浏览器的从左向右 从右向左是 w