使用css属性transform：rotate();工作正常,但在水平方向文本下使用它时,它显示在div之外,但我希望它显示在其中.我尝试了很多显示,位置,左,顶部,浮动等属性,但没有任何效果.有任何想法吗？
这是垂直文本的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/
解决方法
您应该使用
transform-origin属性
transform-origin: 40px 20px;
注意：您已使用所有专有声明进行转换,也应使用标准声明.
transform:rotate(270deg);
另外,请确保在专有属性的末尾有这个…
