HTML Como formatar mensagens igual o whatsapp web com css

[Lusca Pacheco]

Então pessoal, esse é meu primeiro tópico, eu to desenvolvendo em vb.net, e comecei a estudar os webforms, aprendi um pouco de html e css, até consegui usar o grid do bootstrap, eu to desenvolvendo um chat em asp, e pra isso a estutura é feita em html e css, eu queria fazer uma mensagem tipo as do whatsapp web, até funciona, porém quando uma mensagem fica de um tamanho maior que a moldura, as letras simplesmente atravessam, eu queria saber como conter o texto dentro da moldura, tipo quebrar a linha e continuar escrevendo a linha em baixo invés de atravessar a moldura 

[DiF]

@Lusca Pacheco Olá,

esse erro acontece porque você certamente deixou o tamanho do elemento limitado em pixels.

Quando você precisa que ele se adapte, você precisa adicionar um max-width em percentagem para ele não ir além, retirar o height ou deixar em auto para ele acompanhar o texto. Se necessário use o word-wrap: break-word  para forçar uma quebra de linha.

 

De qualquer forma, ideal é que você poste o que tentou fazer que nós e os demais possam analisar e apontar uma solução eficiente.

[Lusca Pacheco]

Valeu man, consegui aqui