So implementieren Sie vertikale Textausrichtung mit CSS (Zusammenfassung)

Die Standardanordnung von Text in HTML ist horizontal, in einigen Sonderfällen muss der Text jedoch vertikal angeordnet werden.

Einzeiliger Text, vertikale Anordnung

.onecn{
     Breite: 20px;  
    Rand: 0 automatisch;  
    Zeilenhöhe: 24px;  
} 

.oneen{
    Breite: 15px;
    Rand: 0 automatisch;
    Zeilenhöhe: 24px;
    Schriftgröße: 20px;
    word-wrap: break-word;/*Sie müssen diesen Satz hinzufügen, wenn Sie auf Englisch schreiben, um die Zeile automatisch umzubrechen*/
    Worttrennung:alles trennen;
}

Hinweis: Um Text vertikal in einer einzigen Zeile anzuordnen, müssen Sie die Breite nur so einstellen, dass nur eine Schriftart Platz findet.

Mehrere Textzeilen vertikal angeordnet

.zwei{
      Rand: 0 automatisch;
      Höhe: 140px;
      Schreibmodus: vertikal-lr;/*Von links nach rechts und von rechts nach links ist Schreibmodus: vertikal-rl;*/ 
    Schreibmodus: tb-lr;/*Von links nach rechts und von rechts nach links ist im IE-Browser der Schreibmodus: tb-rl;*/
  }

Hinweis: Die Höhe ist sehr wichtig. Wenn Sie den Abstand zwischen Text und Zeilen steuern müssen, können Sie die Attribute „letter-spacing“ und „line-height“ hinzufügen.

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.