在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度）

回答

相關問題