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