Wie richtet man Text in CSS vertikal rechts aus?

So richten Sie Text mit CSS vertikal rechts aus

Können Sie Text in CSS vertikal rechts ausrichten? Beispielsweise möchten Sie möglicherweise ein Datum wie „Sonntag“ aufrecht, aber auf der rechten Seite eines Elements anzeigen.

Problem:

Sie haben es mit versucht den folgenden Code, aber er kehrt die Ausrichtung nicht um:

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

Lösung:

Der Wert seitwärts wird nicht von allen Browsern unterstützt. Stattdessen können Sie eine Skalierungstransformation verwenden, um den gewünschten Effekt zu erzielen:

div {
  writing-mode: vertical-rl;
  /*text-orientation: sideways;*/
  transform:scale(-1);
}

Dadurch wird der Text horizontal gespiegelt, sodass er aussieht, als wäre er vertikal rechts ausgerichtet.

Beispiel:

<div>Sunday</div>

Ausgabe mit Transformation:

|
|
| Dimanche

Das obige ist der detaillierte Inhalt vonWie richtet man Text in CSS vertikal rechts aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!