Textüberlauf in CSS
text-overflow
Erstellen Sie ein Div mit einer Breite von 200px. Sorgen Sie dafür,
dass der Text in diesem Div nicht in eine neue Zeile umbricht. Fügen Sie
dem Div einen langen Text hinzu, der in der Breite nicht in diesen Block
passt. Überprüfen Sie, dass der Text auf der rechten Seite aus dem Block
herausragt.
Modifizieren Sie die vorherige Aufgabe so, dass im Div bei überlaufendem Text eine horizontale Scrollleiste erscheint.
Modifizieren Sie die vorherige Aufgabe so, dass der horizontal überlaufende Text abgeschnitten wird.
Modifizieren Sie die vorherige Aufgabe so, dass am Ende des abgeschnittenen Textes eine Auslassungspunkte (…) hinzugefügt wird.
Modifizieren Sie die vorherige Aufgabe so, dass sich bei Mouseover auf das Div der Text nicht mehr in einer Zeile anordnet und das Div sich in der Höhe ausdehnt, um den gesamten Text aufzunehmen.