在GWT中旋转标签

Question

我想旋转一个简单的GWT-Label。有什么选择吗？

我已经设置了一个简单的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);
}

但是当我将样式添加到标签时它不起作用。

Answer 1

CSS转换仅在Chrome，Opera，Firefox，Safari和IE9 +中工作（使用特定于浏览器的CSS属性）。您正在为所有这些使用正确的转换语法。对于旧版本的IE，您可以像这样进行转换：

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

Answer 2

如果您想制作垂直文本或任何其他文本转换，我建议您考虑使用SVG图形。