我有一个表,我需要在其中一列中呈现一些垂直文本。
我的理解是,以下样式应可在所有浏览器中实现效果:
-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/