2012-05-29 108 views
3

使用靜態網頁,有沒有辦法將文字旋轉90度?如果是這樣,這種方法有沒有可能的凹陷?帶CSS3和HTML5的垂直文本?

我也在考慮使用SVG。

+1

http://snook.ca/archives/html_and_css/css-text-rotation –

回答

3
p{ 
    transform:rotate(90deg); 
    -moz-transform:rotate(90deg); 
    -o-transform:rotate(90deg); 
    -webkit-transform:rotate(90deg); 
    -ms-transform:rotate(90deg); 
} 
1

他說把還包括:

-webkit-變換原點:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;

有點像重置默認。 我有一個活的鏈接,我可以發送給你,如果需要。 確保你做了多個測試,如果我沒有記錯的話,它在IE8中無效。