css中div中竖着的文字，可自动换行

1. 成品图形样式如下：

         

     2. 本文中需要用到图标，并且图标需要放在最上边，竖形文字需要放在下边，所以，直接放代码：html代码

  

<div nz-col class="mainCol" [nzSpan]="5">
              <i class="fa fa-map iconClass"></i>
              <div class="col" style="height:200px;">
                重点排污单位污染源监测数据
              </div>
            </div>

3. css代码：.col即是竖着文字的css,iconClass是图标的样式

    

.col{
    margin: 0 auto;  
    font-size: 20px;
    writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  

  }

.iconClass{
    padding-left:45%;
    font-size:20px;
    margin-bottom:10px
}