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

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.

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.

Programmiervideo! !

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!