avvolgimento del testo all'interno di div - css

Question

Si verificano problemi con il wrapping. Sto generando qualche crittografia esagonale e l'output è troppo lungo;

827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725

e continua. Quando lo metto in un div, non lo avvolge anche se assegno una larghezza specifica perché sono tutti insieme. Voglio che continui dalla riga successiva se il div non è sufficiente per una riga.

come posso farlo?

Answer 1

Non è possibile avvolgere il testo in quanto è ininterrotto senza spazi. È necessaria una soluzione JavaScript o lato server che divida la stringa dopo alcuni caratteri.

EDIT

È necessario aggiungere questa proprietà nei CSS.

word-wrap: break-word;

Answer 2

ho trovato qualcosa di strano qui circa word-wrap funziona solo con width proprietà di css correttamente.

HTML:

<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> 

CSS:

#ONLYwidth{ 
    width:200px; 
} 

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

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

ecco un demo funzionante che ho preparato su di esso. http://jsfiddle.net/Hss5g/2/

So che è troppo tardi ma potrebbe aiutare gli altri!