Heim >Web-Frontend >CSS-Tutorial >Kann CSS Text vertikal rechts anzeigen?

Kann CSS Text vertikal rechts anzeigen?

Patricia Arquette
Patricia ArquetteOriginal
2024-11-10 14:14:02742Durchsuche

Can CSS Display Text Vertically to the Right?

Ist CSS in der Lage, Text vertikal nach rechts anzuzeigen?

Mit CSS ist es tatsächlich möglich, Text vertikal nach rechts auszurichten. Um dies zu erreichen, können Sie die Ausrichtung und den Schreibmodus des Textes manipulieren. Es ist jedoch wichtig zu beachten, dass nicht alle Browser die seitliche Textausrichtungseigenschaft unterstützen.

Der folgende CSS-Code richtet den Text vertikal nach rechts aus, obwohl er auf einer vom Hersteller vorangestellten Eigenschaft basiert:

div {
  writing-mode: vertical-rl;
  text-orientation: sideways;
}

Da die seitliche Textausrichtung jedoch nicht allgemein unterstützt wird, können Sie eine Skalierungstransformation als Alternative verwenden Alternative:

div {
  writing-mode: vertical-rl;
  transform: scale(-1);
}

Diese alternative Methode erzielt das gleiche Ergebnis und ermöglicht Ihnen, vertikal ausgerichteten Text auf der rechten Seite browserkompatibel anzuzeigen.

Das obige ist der detaillierte Inhalt vonKann CSS Text vertikal rechts anzeigen?. 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