CSS实现文字竖向排版的简单方法

CSS实现文字竖向排版的简单方法，bootstrap4文字竖向排版代码：

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

效果图：

代码如下：

 
远看代码黑乎乎，上头密来下头疏。若把电脑倒过来，下头密来上头疏。
  
www.df81.com