Heim  >  Artikel  >  Web-Frontend  >  HTML-Div-CSS erzwingt Zeilenumbruch ohne Zeilenumbruch

HTML-Div-CSS erzwingt Zeilenumbruch ohne Zeilenumbruch

高洛峰
高洛峰Original
2016-11-24 13:39:124709Durchsuche

1. Erzwingen Sie keine Zeilenumbrüche und enden Sie mit Auslassungspunkten.


Hallo Freunde, Freunde, Freunde, warum kann ich den Effekt nicht sehen? ?

css umschließt automatisch
div{ word-wrap: break-word; break

div {word-break:break-all;}

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.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn