先上个效果图:
那如何实现呢？
方案一：
html代码
<div>床前明月光</div>
<div>疑是地上霜</div>
<div>举头望明月</div>
<div>低头思故乡</div>
css代码
div{width:1.3em;float:right;}
也就是div元素排成一行，然后div宽度设为小于2em宽，又因为div内容默认换行，得最终效果。方案二：
通过writing-mode属性来实现。
html代码
<div>床前明月光 疑是地上霜 举头望明月 低头思故乡</div>
css代码
div{width:100%;height:100px;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;}
方案三：
通过一些JavaScript库实现，比如taketori.js。
本文参考链接：目前 CSS 实现竖排文本较为通用的方式是什么
