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

Kann CSS Text vertikal rechts anzeigen?

Patricia Arquette
Freigeben: 2024-11-10 14:14:02
Original
775 Leute haben es durchsucht

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;
}
Nach dem Login kopieren

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);
}
Nach dem Login kopieren

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!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage