Quando o texto não tem espaços e tem mais do que o tamanho div de 200px, ele está fluindo A largura é definida como 200px. Coloquei meu código aqui http://jsfiddle.net/madhu131313/UJ6zG/ Você pode ver as fotos editadas abaixo : Eu quero o texto para ir para a próxima linha
98
Usar
Isso impedirá que o texto flua para fora do
div
. Isso quebrará o texto quando chegar ao final dodiv
.fonte
Você deve usar
overflow:hidden;
ouscroll
http://jsfiddle.net/UJ6zG/1/
ou com php você poderia encurtar as palavras longas ...
fonte
Você precisa aplicar a seguinte propriedade CSS ao bloco de contêiner (div):
De acordo com as especificações (fonte CSS | MDN ):
Com o valor definido para
break-word
Vale a pena mencionar...
Se você se preocupa com o suporte a navegadores legados, vale a pena especificar ambos:
Ex. IE9 não reconhece,
overflow-wrap
mas funciona bem comword-wrap
fonte
use
overflow:auto
-o para dar uma rolagem ao seu texto dentro dediv
:).fonte
Se isso ajudar. Adicione a seguinte propriedade com valor ao seu seletor:
fonte
Isso funcionou para mim:
{word-break: break-all; }
fonte
eu recentemente encontrei isso. Eu usei:
display:block;
fonte
Se for apenas uma instância que precisa ser quebrada em 2 ou 3 linhas, eu usaria apenas algumas
<wbr>
na string. Ele os tratará exatamente como,<br>
mas não inserirá a quebra de linha se não for necessário.Aqui está um violino.
http://jsfiddle.net/gaby_de_wilde/UJ6zG/37/
fonte