Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So legen Sie fest, dass Text in CSS vertikal angezeigt wird

WBOY
Freigeben: 2021-11-17 17:47:49
Original
12060 Leute haben es durchsucht

In CSS können Sie das Attribut „writing-mode“ verwenden, um die vertikale Anzeige von Text festzulegen. Sie müssen nur „{writing-mode:vertical-rl; }“ oder „{writing-mode:vertical-lr“ hinzufügen ; }" zum Textelement hinzufügen. Stylen Sie es einfach.

So legen Sie fest, dass Text in CSS vertikal angezeigt wird

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

So stellen Sie die vertikale Anzeige von Text in CSS ein

Wir erstellen eine neue HTML-Webseitendatei und nennen sie test.html. Als Nächstes erklären wir anhand der Datei test.html, wie Sie die vertikale Anzeige von Text festlegen in CSS3. Verwenden Sie das div-Tag, um eine Textzeile zu erstellen, und schreiben Sie „So legen Sie fest, dass Text in CSS3 vertikal angezeigt wird“. Setzen Sie das Klassenattribut des div-Tags auf mybkkd.

Schreiben Sie den CSS-Stil und der mybkkd-Stil wird in den Tag geschrieben.

Stellen Sie im CSS-Tag über das Klassenattribut mybkkd des div-Tags den Text so ein, dass er in vertikaler Richtung angezeigt wird. Innerhalb der Klammern setzt das div von mybkkd den CSS-Attributstil auf writing-mode: Vertical-rl; oder writing-mode: Vertical-lr; Die beiden oben genannten Beispiele Die Ausgabeergebnisse sind konsistent. Durchsuchen Sie test.html im Browser, um zu sehen, ob der Effekt erzielt werden kann.

Weitere Programmierkenntnisse finden Sie unter:

ProgrammiervideoSo legen Sie fest, dass Text in CSS vertikal angezeigt wird! !

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass Text in CSS vertikal angezeigt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage