旋轉錨文本？

我試圖所以朝下旋轉箭頭，但不知道這是否可能旋轉錨文本？

HTML

<a href="/test/">test <span id="rotate">&raquo;</span></a>

CSS

span#rotate{ 
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 
-ms-transform: rotate(-90deg); 
-o-transform: rotate(-90deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}

來源

2012-08-08 Joe Bobby

如果你想保留的行爲就像內聯跨度，它是重要元素，而且要旋轉，則需要使用就可以了display: inline-block;。這不會強制它像display: block;這樣的新行自然會。

這裏是正確的代碼（的jsfiddle：http://jsfiddle.net/joshnh/wZpP9/）：

span#rotate{ 
    display: inline-block; 
    *display: inline; /* Used to get IE 6 & 7 to behave */ 
    zoom: 1; /* Used to get IE 6 & 7 to behave */ 
    -webkit-transform: rotate(90deg); 
     -moz-transform: rotate(90deg); 
     -ms-transform: rotate(90deg); 
     -o-transform: rotate(90deg); 
      transform: rotate(90deg); 
       filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); 
}

來源

2012-08-08 01:50:39 joshnh

您需要的元素是一個block元素爲rotate工作。

嘗試添加：

display:block; 
width:10px; 
height:10px;

來源

2012-08-08 01:25:34

旋轉錨文本？

回答

相關問題