到目前为止我所拥有的:http: //jsfiddle.net/2Zrx7/2/
.events{
height:100px;
position: relative;
}
.tt_username{
position: absolute;
top:0px;
height: 100%;
width: 30px;
background: #ccc;
text-align: center;
}
.tt_username p{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
background: #ff0000;
font-size: 16px;
}
我需要将灰色div内的文本居中,这个div的高度是一致的,但是文本是通过ajax生成的,因此我相信transform origin不会修复它。想要一个 CSS 解决方案,但也欢迎 js。