envolviendo el texto dentro de div - css

Question

Tengo problemas con el embalaje. Estoy generando algo de cifrado hexencoding y la salida es demasiado larga;

827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725

y continúa. Cuando lo pongo dentro de un div, no lo envolverá aunque asigne un ancho específico porque están todos juntos. Quiero que continúe desde la siguiente línea si el div no es suficiente para una línea.

¿cómo puedo hacer eso?

Answer 1

No puede envolver ese texto ya que no está roto sin espacios. Necesita una solución JavaScript o del lado del servidor que divida la cadena después de unos pocos caracteres.

EDITAR

es necesario agregar esta propiedad en CSS.

word-wrap: break-word;

Answer 2

he encontrado algo extraño aquí sobre word-wrap sólo funciona con width propiedad de CSS correctamente.

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

que aquí hay una demostración de trabajo que le he preparado al respecto. http://jsfiddle.net/Hss5g/2/

Sé que es demasiado tarde, pero podría ayudar a los demás!