Question

我有一个包含asp GridView的页面，我想垂直显示文本以便更好地打印。目前我正在使用css来做到这一点： .rotate {-webkit-transform：rotate（-90deg）; -moz-transform：rotate（-90deg）;宽度：25px; }

除了25px宽度之外，它在FF中有效，在IE中宽度设置正确但文本不是垂直的。任何人都知道如何在两种浏览器中使用它？

Answer 1

这是使用CSS的-90度旋转，应该可以在IE中使用：

.box_rotate {
    -moz-transform: rotate(-90deg);  /* FF3.5+ */
    -o-transform: rotate(-90deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
             M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', 
                M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17)"; /* IE8 */
    zoom: 1;
}

供您参考http://css3please.com/是一个很好的工具，可以通过非常好的跨浏览器支持生成这种CSS效果。

我不能真实地说明为什么宽度不适用于没有具体示例的FF，但您可以尝试设置display:block;

在IE和Firefox中垂直显示文本（旋转90度）

1 个答案: