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

1. 成品图形样式如下：

         

 

 

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

  

              
              

                重点排污单位污染源监测数据
              
            

 

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
}