使用transform：rotate（xdeg）溢出div的文本

Question

使用css属性transform: rotate();工作正常，但在水平方向文本下使用它时，它显示在div之外，但我希望它显示在其中。我尝试了display，position，left，top，float等属性，但没有任何效果。有什么想法吗？

以下是垂直文本的css代码：

width:130px;
height:50px;
-ms-transform:rotate(270deg); /* IE 9 */
-moz-transform:rotate(270deg); /* Firefox */
-webkit-transform:rotate(270deg); /* Safari and Chrome */
-o-transform:rotate(270deg); /* Opera */

以下是尝试的示例： http://jsfiddle.net/ty6Zj/

Answer 1

您应该使用transform-origin属性

transform-origin: 40px 20px;

Demo

---

注意：您已使用transform的所有专有声明，也应使用标准声明。

transform:rotate(270deg);

另外，请确保在专有属性的 end 中有这个...