Отображать текст по вертикали (повернут на 90 градусов) в IE и Firefox - PullRequest
Новая
       32

Отображать текст по вертикали (повернут на 90 градусов) в IE и Firefox

1 голос
/ 01 июля 2010

У меня есть страница, на которой находится asp GridView, и я хотел бы отображать текст вертикально, чтобы лучше печатать.В настоящее время я использую css для этого: .rotate {-webkit-transform: rotate (-90deg);-moz-transform: повернуть (-90 градусов);ширина: 25 пикселей;}

, который работает в FF, за исключением того, что ширина 25 пикселей игнорируется, а в IE ширина устанавливается правильно, но текст не вертикальныйКто-нибудь знает, как заставить это работать в обоих браузерах?

1 Ответ

3 голосов
/ 01 июля 2010

Вот поворот на -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;

...