7

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?

1
  • só e você não definir a altura da div ou usar o overflow hiden
    – user105535
    Commented 27/02/2018 às 21:57

2 Respostas 2

10

Use:

word-wrap: break-word;

nessa div.

4
  • +1 funciona perfeitamente no Firefox e Chrome. Alguém poderia verificar a compatibilidade no IE? Fiz um exemplo: jsfiddle.net/tBNyz
    – utluiz
    Commented 11/02/2014 às 17:47
  • 1
    Funcionou perfeitamente no ie7, ie8, ie9, e ie10 :) @utluiz Commented 11/02/2014 às 18:40
  • @PauloRoberto Obrigado!
    – utluiz
    Commented 11/02/2014 às 18:40
  • 1
    caniuse.com/#search=word-wrap. Esse site é muito bom para verificar a compatibilidade. Commented 11/02/2014 às 19:37
0

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.

1
  • Isso não funciona se tiver uma palavra maior que a div.
    – utluiz
    Commented 11/02/2014 às 18:33

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .