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

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

在FF中工作，除了25px宽度被忽略，在IE中宽度被正确设置，但文本不垂直。任何人都知道如何在这两种浏览器中完成这项工作？

来源

2010-07-01 JuggaloBrotha

这里的-90度旋转，使用CSS应该在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;

来源

2010-07-01 19:29:29 JustJohn

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

回答

相关问题