網頁的排版預設都是水平由左往右排,所以像是中國文字這種垂直閱讀的,只要設定 css 的 writing-mode 屬性就可以了。
預設的屬性為 writing-mode: horizontal-tb; 就是我們平常看到的由左而右的內容。
可以把這個屬性設成 vertical-lr(垂直由左而右)和 vertical-rl(垂直由右而左)
此外若是英文的話想要調整文字的排列方式,也可以再加上 text-orientation 這個屬性,不過要注意瀏覽器的支援程度。
mixed 為橫向書寫,upright 則是改成英文字母會跟排列方向一樣是垂直的。