在GWT中旋轉標籤

我想旋轉一個簡單的GWT標籤。有什麼選擇嗎？在GWT中旋轉標籤

我已經建立了一個簡單的CSS樣式：

.rotate{ 

/* Abs positioning makes it not take up vert space */ 
position: relative; 
top: 330; 
left: 330; 

/* Border is the new background */ 
background: none; 



-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-ms-transform:  rotate(90deg); 
-o-transform:  rotate(90deg); 
}

但是，當我的風格添加到標籤沒有奏效。

來源

2011-12-27 destiny

請張貼你如何應用這種風格的例子，因爲它絕對適合我。 –

我將標籤添加到absolutePanel： 'Label rotated = new Label（「this must be rotated」）; \t \t \t rotated.addStyleName（「rotate」）; \t \t \t add（rotated）;' – destiny

使用您的瀏覽器檢查元素並確保它實際上應用了該樣式。 CSS文件是否明確包含在模塊的HTML文件中？ –

CSS僅在Chrome，Opera，Firefox，Safari和IE9 +中轉換工作（使用瀏覽器特定的CSS屬性）。您對所有這些使用正確的轉換語法。對於舊版本的IE，你可以改變這樣的：

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

來源

2011-12-27 18:26:49

謝謝:)它工作fpr我在IE瀏覽器:) – destiny

如果你想使一個垂直文本，或者我建議考慮使用SVG圖形任何其他文本轉換。

來源

2011-12-28 16:35:59

在GWT中旋轉標籤

回答

相關問題