Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

LuHciAno

Texto estourando DIV

Por , em Desenvolvimento frontend

Recommended Posts

LuHciAno    0

LuHciAno
Postado

Bem galera! estou com um problema e não estou sabendo como resolve.

 

o meu texto está estorando a div..

 

vou colar meu html aqui de exemplo:

 

<body>
<div style="width:600px;">
  <div style="margin:10px; width:200px;">asdasdasdasdasdsdasasdasdasdasdasdasdasasdasd</div>
</div>

o texto passa do tamanho da div que é 200px

 

alguem sabe fazer para tipo quando ele chegar no limite da div ele fazer uma quebra de linha?

 

esperando uma resposta

Compartilhar este post

Link para o post
Compartilhar em outros sites

LuHciAno    0

LuHciAno
Postado

mais ai que é o problema.. não quero coloca o absolute..

por que isso é so um exemplo..

mais o valendo vai fica dentro do site.. uma div como outra na escala

 

alguem tem outra maneira?

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Colucci    33

T.Colucci
Postado

Tente com "overflow: hidden;"

 

Nesse caso, ele irá esconder e nao colocar uma quebra, assim como nosso amigo quer.

 

 

 

 

Adicione a propriedade word-wrap:break-word na DIV em questão.

Não conhecia essa propriedade... interessante. Quais versões dos navegadores são suportadas?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Édipo Costa Rebouças    0

Édipo Costa Rebouças
Postado

acho que o mozilla não suporta, pelo menos não está na especificação dele

 

https://developer.mozilla.org/en/Mozilla_CSS_support_chart

https://developer.mozilla.org/en/CSS_Refere...illa_Extensions

 

escreva como um texto normal, quando você perceber que não vai dar mais colaca um - só que com espaço tipo oioioiooioioio - kdsjfdsjfksdjfksjd

 

existe um solução em js:

 

http://elmicox.blogspot.com/2006/05/script...rd-wrap-no.html

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel Fernando    0

Daniel Fernando
Postado

Comigo já aconteceu algo parecido, quando eu digito direto no código ele sempre estoura a div.

A solução foi digitar no Word, copiar e colar na interface design do dreamweaver, nunca mais tive problema.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito