使用CSS/Javascript/Jquery旋转文本

我尝试过将文本旋转到270度

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

在Firefox、Google Chrome和Safari中都能完美工作，在IE 8、7、6中也能解决一些间距问题

---

但是它在歌剧中真的很烂有什么想法吗？

你的代码示例是旋转90度。要旋转270，请尝试此操作

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

我喜欢用这个-

你试过这个吗

-o-transform: rotate(270deg);

---

它对我有用。在Linux上使用Opera11

样本：

---

}

我想你会发现360-90=270@Kragen哈哈哈哈，你是对的，我读得太快了，错过了“-”减号谢谢你的工作：）添加了

filter:progid:DXImageTransform.Microsoft.BasicImage（rotation=3）在IE6中工作时，alsoI发现ms书写模式产生的字体轮廓比旋转过滤器更“干净”。我的印象是它在IE6中得到了支持，但我从来都不想测试它（IE6必须死！）
/* 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;