¿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.
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.
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
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa