¿Cómo se envuelve el texto en HTML?

¿Cómo se puede envolver un texto como aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa que excede el ancho de un div (digamos 200px)?

Estoy abierto a cualquier tipo de solución como CSS, jQuery, etc.

Solución

Prueba esto:

div {
    width: 200px;
    word-wrap: break-word;
}
Comentarios (8)

Puede utilizar un guión suave como este:

aaaaaaaaaaa&aaaaaaaaaaaa.

Esto aparecerá como

aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa

si la caja que lo contiene no es lo suficientemente grande, o como

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

si lo es.

Comentarios (7)
   div {
    // set a width
    word-wrap: break-word
}

La solución word-wrap' sólo funciona en IE y en los navegadores que soportan CSS3.

La mejor solución para todos los navegadores es utilizar su lenguaje del lado del servidor (php o lo que sea) para localizar las cadenas largas y colocar dentro de ellas en intervalos regulares la entidad html . Esta entidad rompe las palabras largas muy bien, y funciona en todos los navegadores.

Por ejemplo

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa​aaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Comentarios (2)