Transform(变换)—Y轴lable内容旋转

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <style> 
 5 div{
 6   border:1px solid;
 7 }
 8 .bb{
 9   position:absolute;
10   width:200px;
11   height:20px;
12   text-align: center;
13   transform: rotate(-90deg);
14   transform-origin: 0 0;
15   top:50%;
16   margin-top:100px;  
17 }
18 .aa{
19   position:relative;
20   width:20px;
21   height:500px;
22 }
23 </style>
24 </head>
25 
26 <body>
27 
28 <div class="aa">
29 <div class="bb"><span>ABCDEFGasdfasfa</span></div>
30 </div>
31 
32 </body>
33 </html>