Heim >Web-Frontend >CSS-Tutorial >Wie kann ich in CSS eine echte vertikale Textausrichtung erreichen?

Wie kann ich in CSS eine echte vertikale Textausrichtung erreichen?

Barbara Streisand
Barbara StreisandOriginal
2025-01-05 00:39:40954Durchsuche

How Can I Achieve True Vertical Text Orientation in CSS?

Vertikale Textausrichtung im Schreibmodus

In dieser Anfrage äußert der Benutzer den Wunsch nach einer vertikalen Textausrichtung, ähnlich der, die in Microsoft möglich ist Worttabellen. Die bereitgestellte Lösung, die die CSS-Rotation nutzt, bleibt hinter ihren Erwartungen zurück.

Glücklicherweise bietet CSS eine alternative Methode, um über die Eigenschaft „writing-mode“ eine echte vertikale Textausrichtung zu erreichen. Indem Sie „Schreibmodus“ auf „tb-rl“ (von oben nach unten, von rechts nach links) einstellen, können Sie den Text effektiv um 90 Grad drehen, was zu einer vertikalen Textausrichtung ohne die Nachteile der CSS-Rotation führt.

Beispiel:

p {
  writing-mode: tb-rl;
}

Dieser Ansatz bietet eine elegantere und semantisch korrektere Lösung für die vertikale Textausrichtung in CSS. Es behält den natürlichen Textfluss bei und vermeidet Verzerrungs- und Ausrichtungsprobleme, die bei der CSS-Rotation auftreten können.

Das obige ist der detaillierte Inhalt vonWie kann ich in CSS eine echte vertikale Textausrichtung erreichen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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