Wrap ein Wort ohne Leerzeichen in einem div

Question

Ich habe eine div, die feste Breite hat, 300px. Ich habe Benutzer eingegebene Text, der in das div gehen muss. Das Problem ist, dass die Menschen das Wort „aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa“ in den div setzen. Dies führt dazu, dass der Text die Breite des div überschreitet. Was ich möchte, ist für den Text zu wickeln, auch wenn es keine Leerzeichen in den Wörtern gibt. Gibt es eine Möglichkeit, dies mit CSS zu tun? Ich habe versucht, die css white-space Eigenschaft, aber es hat nicht funktioniert.

Wenn jemand eine Lösung oder einen Punkt in der richtigen Richtung hat, wäre wunderbar.

Answer 1

Try this:

word-wrap:break-word; 

Answer 2

Es gibt keine Möglichkeit, dies richtig zu machen, mit dem aktuellen Stand der Technik. Zeilenumbruchregeln sind komplex und variieren je nach Sprache.

Mit word-wrap:break-word oder einige seiner va riants bricht willkürlich eine Reihe von characte rs und fast bricht sicherlich die Regeln der th e Sprache und verwirrt die Leute.