CSS - 旋转div -90deg - 同花顺

Question

我有一个容器中包含文本，另一个容器旁边有一个（右对齐）。这个div应该重复-90deg并且有一个标题 - 文本。

我该如何旋转这个div，使其与其他div齐平？

喜欢图片。问题是我不能使用transform-origin：右上角，因为“起点”不是右上角，而是可变的，因为文字可以更小或更长。

Answer 1

但是，您可能必须使用transform-origin，这取决于您的HTML的结构。如果不从你身边的任何代码，这可能是最接近你正在寻找：

http://jsfiddle.net/2GA6H/

使用绝对定位放置字幕文字与匹配保证金右上角（匹配你需要在容器上填充）然后使用transform-origin: top right。

事情是这样的：

#caption { 
    position: absolute; 
    top: 0px; 
    right: 32px;  
    -webkit-transform: rotate(270deg); 
    -webkit-transform-origin: top right; 
} 

当容器被relative LY定位。