Wenn Sie nach einer Möglichkeit suchen, den Typ vertikal festzulegen, ist CSS wahrscheinlich die beste Wahl writing-mode.
Wenn Sie nur versuchen, Text zu drehen, können Sie ganze Elemente wie folgt drehen, wodurch es um 90 Grad gegen den Uhrzeigersinn gedreht wird:
.rotate ( transform: rotate(-90deg); /* Legacy vendor prefixes that you probably don't need… */ /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); )Die Rotationseigenschaft des BasicImage-Filters von Internet Explorer kann einen von vier Werten annehmen: 0, 1, 2 oder 3, wodurch das Element um 0, 90, 180 bzw. 270 Grad gedreht wird.
Siehe auch diesen Blog-Beitrag über seitliche Überschriften.
Siehe die Pen
Sideways Headers von Chris Coyier (@chriscoyier)
auf CodePen.
Siehe die
seitliche Stiftrotation
des Stifts von Graham Clark (@Cheesetoast) auf CodePen.