正文
Transform(变换)—Y轴lable内容旋转
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
<!DOCTYPE html>
<html>
<head>
<style>
div{
border:1px solid;
}
.bb{
position:absolute;
width:200px;
height:20px;
text-align: center;
transform: rotate(-90deg);
transform-origin: 0 0;
top:50%;
margin-top:100px;
}
.aa{
position:relative;
width:20px;
height:500px;
}
</style>
</head> <body> <div class="aa">
<div class="bb"><span>ABCDEFGasdfasfa</span></div>
</div> </body>
</html>
