html - suspensivos - envolviendo el texto dentro de div-css

truncar texto con puntos suspensivos

Question

Estoy teniendo problemas con la envoltura. Estoy generando un cifrado de codificación hexadecimal y la salida es demasiado larga como;

827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725

y continúa. Cuando lo coloco dentro de un div, no lo envolverá incluso si asigno 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

He encontrado algo extraño aquí acerca de word-wrap solo funciona con la propiedad de width 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;
}

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

Sé que es demasiado tarde pero podría ayudar a otros!

Answer 2

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

EDITAR

Necesitas agregar esta propiedad en CSS.

word-wrap: break-word;