[筆記] 透過 CSS 將文字以直式的方式呈現

雖說橫書已經是電腦流行年代的書寫主流了，不過在過往中文直書也是有一定程度的需求。其實僅需要透過簡單的 CSS 樣式就可以達成中文直書的效果。

---

程式碼

透過 CSS 的 writing-mode 調整為 vertical-lr 即可。不過若你要「英文字母和數字」都一併直排的話，那要額外下 text-orientation:upright;

按讚加入粉絲團

延伸閱讀

• [筆記] 實作動畫 div 移入效果需注意滾軸所造成的影響
• [筆記] 程式必修課！離散數學與演算法 – 6
• [筆記] 程式必修課！離散數學與演算法 – 5
• [筆記] 程式必修課！離散數學與演算法 – 4
• [筆記] 解決 Email 附件的 noname 圖片問題