html - 使用变换 : 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的属性(property)

transform-origin: 40px 20px;

Demo

---

注意:您已经为 transform 使用了所有专有声明，也应该使用标准声明。

transform:rotate(270deg);

此外，确保您在专有属性的末尾有这个......