紧张用到的CSS属性：writing-mode: vertical-lr;及writing-mode: tb-lr;/IE浏览器/，英笔墨符加上这句：word-wrap: break-word;/英文的时候须要加上这句，自动换行/

效果图：

代码如下：

html竖着显示CSS实现文字竖向排版的简略办法 Docker

<style&gt;.text-vertical{margin:0auto;height:140px;writing-mode:vertical-lr;/从左向右从右向左是writing-mode:vertical-rl;/writing-mode:tb-lr;/IE浏览器的从左向右从右向左是writing-mode:tb-rl；/word-wrap:break-word;/英文的时候须要加上这句，自动换行/}</style><!--这首诗要转载，请注明来自：www.df81.com--><divclass="text-vertical">远看代码黑乎乎，上头密来下头疏。
若把电脑倒过来，下头密来上头疏。
</div><divclass="text-vertical">www.df81.com</div>