Criei uma div com largura definida, porém quando insiro uma palavra muito grande o texto continua saindo da div, como fazer para palavra continuar na linha de baixo?
2 Respostas
Use:
word-wrap: break-word;
nessa div.
-
+1 funciona perfeitamente no Firefox e Chrome. Alguém poderia verificar a compatibilidade no IE? Fiz um exemplo: jsfiddle.net/tBNyz– utluizCommented 11/02/2014 às 17:47
-
1Funcionou perfeitamente no ie7, ie8, ie9, e ie10 :) @utluiz Commented 11/02/2014 às 18:40
-
-
1caniuse.com/#search=word-wrap. Esse site é muito bom para verificar a compatibilidade. Commented 11/02/2014 às 19:37
Para resolver isso eu sempre faço uso da propriedade float:
.
Por exemplo:
.minhaDiv { float:left; width:200px; }
Toda vez que o seu texto chegar perto do tamanho dessa div
, ela irá "quebrar" para a linha de baixo.