我有一个表,我需要在其中一列中呈现一些垂直文本。

我的理解是,以下样式应可在所有浏览器中实现效果:

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


这在IE9和Firefox中可以,但是在IE7或IE8中似乎不起作用。请参阅:

http://jsfiddle.net/wzUfj/

有人可以建议实现此目标的方法吗?

谢谢

最佳答案

为了在那些较旧的浏览器中旋转,您必须使用Microsoft专有的过滤器:

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


用0-4整数替换Value。

0 = 0度
1 = 90度
2 = 180度
3 = 270度
4 = 360度

我不相信您可以做90度增量以外的任何操作,而且我相信每个CSS规则可能只有一个过滤器。另外,如果这是一个问题,那么这当然是非标准的,并且不会验证。

关于html - 在IE中无法将文字旋转为垂直,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9433969/

10-11 22:41
查看更多