小编Eri*_*rts的帖子

我想在100%高度div的中间垂直对齐旋转文本,如下图所示.

因此,每当屏幕大小改变时,文本都保持在div的中间.

有人有解决方案吗？

http://jsfiddle.net/SVkPU/1/

.rotate-270 {
    -o-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform:rotate(270deg);
}

.left {
    float:left;
    background:#000;
    color:#fff;
    text-align:center;
    height:50px;

}

.right {
    float:right;
    background:#000;
    color:#fff;
}