2010-07-19 49 views

回答

4

火狐/ WebKit的:

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

IE:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
0

或者,如果你想要的作品大多数地方的解决方案:

.verticalText 
    { 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    writing-mode: tb-rl; 
    filter: flipv fliph; 
    } 

最后,我结束了使用HTML5画布在非IE浏览器中绘制垂直文字,原因是旋转文字的结果很奇怪。

编辑:不知何故,我只设法复制我的部分代码。其余部分加入。

+0

firefox不是 – loentar 2010-07-19 12:52:25

+0

而且它在Opera,Safari或Iron(Chrome)中也不起作用。 – 2010-07-19 13:00:10