Etiketten in GWT rotieren

Question

Ich möchte ein einfaches GWT-Label rotieren. Gibt es irgendeine Option?

Ich habe einen einfachen css-Stil eingerichtet:

.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);
}

Aber es funktionierte nicht, als ich den Stil zum Etikett hinzufügte.

Answer 1

CSS-Transformationen funktionieren (unter Verwendung browserspezifischer CSS-Eigenschaften) nur in Chrome, Opera, Firefox, Safari und IE9+. Sie verwenden für alle diese Browser die richtige Transformations-Syntax. Für ältere Versionen des IE können Sie wie folgt transformieren:

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

Answer 2

Wenn Sie einen vertikalen Text oder eine andere Texttransformation erstellen möchten, empfehle ich Ihnen, SVG-Grafiken zu verwenden.