So verwenden Sie Zeilenumbruch, um das Problem des Textüberlaufs zu lösen

Die Breite von p ist eindeutig begrenzt, aber bei der Eingabe von aaaaaaaaa... usw. wird es nicht automatisch umbrochen. Es stellt sich heraus, dass dies der Fall ist (aufeinanderfolgende Buchstaben werden als ein Wort behandelt). dass ein Wort nicht umgebrochen werden sollte, die unten angegebene Lösung:

​word-break:break-all und word-wrap:break-word

Word-break:break-all und word-wrap:break-word werden häufig verwendet, um das Problem des Zeilenumbruchs in langen Zeichenfolgen zu lösen.

Nach einer Reihe von Tests wurde festgestellt, dass „word-break:break-all“ in IE6/7/chrome/safari identisch war und eine Endkürzung aufwies, während ff3.0/opera zeigte, dass es ungültig war. Zu lange Wörter werden in neuen Zeilen angezeigt und überschreiten dann den Rand.

Word-wrap:break-word; ist in IE6/7/chrome/safari dasselbe. Es verhält sich so, als würden lange Wörter in neue Zeilen umgebrochen und dann abgeschnitten, wenn sie nicht mehr angezeigt werden könnten. Und ff3.0/opera scheint auch ungültig zu sein

Offensichtlich entspricht „word-wrap:break-word;“ eher der Benutzererfahrung, und „word-break:break-all“ kann ignoriert werden. Für ff3.0 und Opera kann es nur mit overflow-x:hidden ausgeblendet werden (ff3.5 unterstützt dieses Attribut bereits).

Hier ist also der Vorschlag

Word-wrap:break-word;overflow-x:hidden;width:500px;

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Zeilenumbruch, um das Problem des Textüberlaufs zu lösen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!