CSS实现文字竖向排版的简单方法，bootstrap4文字竖向排版代码：
主要用到的CSS属性：writing-mode: vertical-lr;及writing-mode: tb-lr;/*IE浏览器*/，英文字符加上这句：word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
效果图：
代码如下：
<style>
.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>,
