Kann der Überlauf so konfiguriert werden, dass er nach links fließt?

Überlauf wird normalerweise dadurch behandelt, dass der Inhalt gezwungen wird, nach rechts zu fließen, wodurch der Inhalt ganz links abgeschnitten wird. Es ist jedoch möglich, dieses Verhalten umzukehren, indem bestimmte CSS-Stile angewendet werden.

Lösung

Um den Überlauf nach links zu aktivieren, befolgen Sie die angegebenen Schritte:

1. Überlauf auf Ausgeblendet setzen: Überlauf auf den Container anwenden, um zu verhindern, dass sich der Inhalt über seine Grenzen hinaus erstreckt.
2. Text rechts ausrichten: Textausrichtung: rechts verwenden um den Text innerhalb des Containers nach rechts auszurichten.
3. Richtung anpassen: Implementieren Sie Direction: RTL, um den Fluss des Inhalts umzukehren. Dadurch wird erzwungen, dass neuer Inhalt rechts hinzugefügt wird, während er nach links überläuft.

Beispiel

.container {
  overflow: hidden;
  text-align: right;
  direction: rtl;
}

Durch die Anwendung dieser Stile wird der Inhalt im Container nach links überlaufen, sodass Sie die neuesten Ergänzungen anzeigen können, während die Zeichen ganz links abgeschnitten werden.

Referenz

Für Weitere Einblicke finden Sie im W3Schools-Artikel: http://www.w3schools.com/cssref/pr_text_direction.asp