horizontal-tb
:水平方向自上而下的书写方式。
vertical-rl
:垂直方向自右而左的书写方式。
vertical-lr
:垂直方向内内容从上到下,水平方向从左到右。
sideways-rl
:内容垂直方向从上到下排列。
使用方法
div {
writing-mode: vertical-rl;
}
<div>
<p>同在屋檐下,</p>
<p>惟有偶遇。</p>
<p>犹如白驹过隙,</p>
<p>言之不尽,</p>
<p>因有时不我与,</p>
<p>爬耳搔腮,</p>
<p>心之不及也。</p>
<p>—— DeathGhost</p>
</div>
喜欢上方小程序,需要源码的,私信小编留下邮箱。