So machen Sie Div-Text in CSS vertikal

So implementieren Sie CSS, um den Div-Text vertikal zu gestalten: Erstellen Sie zunächst eine HTML-Beispieldatei. Anschließend legen Sie den CSS-Stil auf „div{writing-mode: tb-rl;}“ fest, um den Div-Text vertikal zu gestalten .

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

So legen Sie die vertikale Textanordnung in CSS fest:

1. Schreibmodus (Schreibrichtung des Objekts festlegen)

Syntax: Schreibmodus: lr-tb, tb-rl

Parameter: lr-tb: von Von links nach rechts, von oben nach unten. tb-rl: von oben nach unten, von rechts nach links Idee: Durch Festlegen der Breite des Textobjekts kann nur der Breitenabstand des nächsten Textes festgelegt werden, sodass der Text nicht in eine Zeile mit zwei Zeichen passen kann und der Text automatisch umbrochen wird, wodurch eine Anforderung für den vertikalen Schriftsatz entsteht.

div { writing-mode: tb-rl; }

Rendering:

CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo machen Sie Div-Text in CSS vertikal. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!