2010-07-19 6 views

Répondre

4

Firefox/Webkit:

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 

IE:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
0

Ou, si vous voulez une solution qui fonctionne la plupart des endroits:

.verticalText 
    { 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    writing-mode: tb-rl; 
    filter: flipv fliph; 
    } 

En fin de compte, je fini par utiliser un HTML5 canvas pour dessiner du texte vertical dans les navigateurs non-IE en raison de résultats impairs de la rotation du texte.

Editer: D'une manière ou d'une autre, j'ai seulement réussi à copier une partie de mon code. Ajouté le reste.

+0

firefox ne fonctionne pas – loentar

+0

Et ça ne marche pas non plus dans Opera, Safari ou Iron (Chrome). –

Questions connexes