Faça "Pré" quebra automática de texto - CSS-Tricks

Anonim

Texto em

tags não quebram por padrão. Por exemplo, veja o trecho de código abaixo! Se isso estiver causando problemas de layout, uma solução é dar ao pré-bloco uma propriedade de estouro para ocultar o excesso ou fazer com que ele role. A outra solução é embrulhar.
/* Browser specific (not valid) styles to make preformatted text wrap */ pre ( white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ )