Heim > Artikel > Web-Frontend > HTML-Div-CSS erzwingt Zeilenumbruch ohne Zeilenumbruch
1. Erzwingen Sie keine Zeilenumbrüche und enden Sie mit Auslassungspunkten.
Wenn die Divs verschachtelt sind und Sie möchten, dass das innere Div automatisch entsprechend dem Inhalt umbrochen wird, können Sie nur die Breite des äußeren Div und Weiß festlegen -spance:nowrap.
word-break:break-all und word-wrap:break-word ermöglichen beide das automatische Umbrechen des Inhalts von Containern wie DIV
Ihr Unterschied ist:
1, word-break :break -all Wenn ein Div beispielsweise 200 Pixel breit ist, wird sein Inhalt automatisch bei 200 Pixel umbrochen. Wenn am Ende der Zeile ein langes englisches Wort steht (Glückwunsch usw.), wird das Wort abgeschnitten und in Conra umgewandelt (Glückwunsch) am Ende der Zeile), die nächste Zeile ist der hintere Teil der Tulation (Conguatulation).
2. Das Beispiel „Wortumbruch:Wortumbruch“ ist das gleiche wie oben, mit dem Unterschied, dass das gesamte Wort als Ganzes angezeigt wird, wenn das Ende der Zeile nicht breit genug ist, um das gesamte Wort anzuzeigen , wird das gesamte Wort automatisch in einer Zeile abgelegt, ohne dass die Wörter abgeschnitten werden.