Umbrechen von langem Text ohne Leerzeichen innerhalb eines div

Ich habe Probleme mit dem Umbruch von Text. Ich erzeuge eine Hexenkodierungsverschlüsselung und die Ausgabe ist zu lang wie:

827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r6374r57

und es geht weiter. Wenn ich es in a stecke div, es wird nicht umbrochen, selbst wenn ich eine bestimmte Breite zuweise, weil sie alle zusammen sind. Ich möchte, dass es ab der nächsten Zeile fortgesetzt wird, wenn die div ist nicht breit genug für eine Zeile.

Wie kann ich das machen?

Sie können diesen Text nicht umbrechen, da er ohne Leerzeichen ununterbrochen ist. Sie benötigen eine JavaScript- oder serverseitige Lösung, die die Zeichenfolge nach einigen Zeichen aufteilt.

BEARBEITEN

Sie müssen diese Eigenschaft in CSS hinzufügen.

word-wrap: break-word;

Ich habe hier etwas Seltsames gefunden word-wrap funktioniert nur mit width Eigenschaft von CSS richtig.

#ONLYwidth {
  width: 200px;
}

#wordwrapWITHOUTWidth {
  word-wrap: break-word;
}

#wordwrapWITHWidth {
  width: 200px;
  word-wrap: break-word;
}

<b>This is the example of word-wrap only using width property</b>
<p id="ONLYwidth">827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725</p>
<br/>
<b>This is the example of word-wrap without width property</b>
<p id="wordwrapWITHOUTWidth">827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725</p>
<br/>
<b>This is the example of word-wrap with width property</b>
<p id="wordwrapWITHWidth">827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725</p>

Hier ist eine funktionierende Demo, die ich darüber vorbereitet habe. http://jsfiddle.net/Hss5g/2/

white-space: pre-wrap

hat bei mir funktioniert <span> und <div>.

Sie können Folgendes verwenden

p{word-break: break-all;}

        <p>LoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolorLoremipsumdolor</p>