quebrar linha longa usando CSS

quebrar linha longa usando CSS

Veja abaixo como quebrar uma linha de texto longa usando CSS. Isso é bem útil para quebrar por exemplo um link longo que está passando o layout.

.quebrar {
width:400px
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -hp-pre-wrap; /* Impressoras Hp */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
word-wrap: break-word; /* IE 5+ */
}
para usar
<div class="quebrar" > Umapalavramuitograndequeprecisaserquebrada ou uma URLgiganteQUEprecisaSerQuebrada </div>



Veja Também