Teksto pasukimas CSS-gudrybės

Jei tai, ko ieškote, yra būdas nustatyti tipą vertikaliai, geriausia, kad tai tikriausiai CSS writing-mode.

Jei tik bandote pasukti tekstą, galite pasukti visus tokius elementus, kurie pasisuka 90 laipsnių kampu prieš laikrodžio rodyklę:

.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); )

„Internet Explorer“ filtro „BasicImage“ sukimosi ypatybė gali priimti vieną iš keturių verčių: 0, 1, 2 arba 3, kuri elementą pasuks atitinkamai 0, 90, 180 arba 270 laipsnių.

Taip pat žiūrėkite šį tinklaraščio įrašą apie šonus antraštes.

Žr
. Chriso Coyier'io (@chriscoyier)
„Pen Side Side Headers“ ant „CodePen“.

Žr
. Graham Clark (@Cheesetoast)
„Pen Side Side Headder Rotation“, esantį „CodePen“.