Como pode um texto como "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" que excede a largura de um "div" (digamos "200px") ser embalado?
Estou aberto a qualquer tipo de solução, como CSS, jQuery, etc.
Você pode usar um hífen suave como este:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Isto irá aparecer como
aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa
se a caixa contendo é't grande o suficiente, ou como
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
se for.
div {
// set a width
word-wrap: break-word
}
O 'word-wrap
' a solução só funciona no IE e navegadores que suportam CSS3
.
A melhor solução cross browser é utilizar a linguagem do lado do servidor (php ou qualquer outra) para localizar longas cadeias de caracteres e colocar dentro delas, em intervalos regulares, a entidade html
Esta entidade quebra as palavras longas de forma agradável, e funciona em todos os navegadores.
por exemplo
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa