Question

我试过这个将文本旋转到270度

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

在Firefox，Google Chrome，Safari中完美运行，在IE 8,7,6中处理一些间距问题

但它真的很糟糕在OPERA任何想法???

Answer 1

你试过这个吗？

-o-transform: rotate(270deg);

Answer 2

它对我有用。在Linux上使用Opera 11

示例：http://www.inwardpath.com.au

/* This wrapper is required to rotate the text around the left edge */
#page_title {
overflow: visible;
position: absolute;
width: 38px;
-moz-transform: rotate(90deg);
-moz-rotation-point: 0 0;
-webkit-transform: rotate(90deg);
-webkit-rotation-point: 0 0;
-o-transform: rotate(90deg);
-ms-writing-mode: tb-lr;
* html writing-mode: tb-lr;

}

Answer 3

您的代码示例适用于旋转90度。要旋转270，请尝试此

-webkit-transform: rotate(-270deg); 
-moz-transform: rotate(-270deg);

Answer 4

我喜欢用这个 - http://wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html

使用CSS / Javascript / Jquery旋转文本

4 个答案: