html – 使用transform：rotate(xdeg)溢出div的文本

概述使用css属性transform：rotate();工作正常,但在水平方向文本下使用它时,它显示在div之外,但我希望它显示在其中.我尝试了很多显示,位置,左,顶部,浮动等属性,但没有任何效果.有任何想法吗？ 这是垂直文本的css代码： width:130px;height:50px;-ms-transform:rotate(270deg); /* IE 9 */-moz-transform 使用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;

Demo

注意：您已使用所有专有声明进行转换,也应使用标准声明.

transform:rotate(270deg);

另外,请确保在专有属性的末尾有这个…

总结

以上是内存溢出为你收集整理的html – 使用transform：rotate(xdeg)溢出div的文本全部内容，希望文章能够帮你解决html – 使用transform：rotate(xdeg)溢出div的文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。