(CSS3)用 CSS 讓字體可以變成直書 writing-mode ~ Budget Programmer

2018年1月8日星期一

(CSS3)用 CSS 讓字體可以變成直書 writing-mode

終於橫式直書已可以在chrome firefox IE等各大主流出現了
復興中華文化的里程碑阿

1
2
3

<p lang="zh-Hant">民國<span class="num">105</span
>年<span class="num">4</span
>月<span class="num">29</span>日</p>

1 2	html { writing-mode: vertical-rl; font: 24px serif } .num { text-combine-upright: all }

DEMO

來源：https://developer.mozilla.org/en-US/docs/Web/CSS/text-combine-upright

利用直書做喜帖（待續）