English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
word do CSS-propriedade wrapUsado paraQuebrar palavras longas e quebrar automaticamente para a próxima linha. Quando uma string inquebrável é muito longa e não pode caber no contêiner, essa propriedade é usada para evitar transbordamento.
Valor | Descrição |
---|---|
normal | Essa propriedade é usada apenas para quebrar palavras em pontos de quebra permitidos. |
break-word | Usado para quebrar palavras inquebráveis. |
initial | Usado para definir essa propriedade para seu valor padrão. |
inherit | Ele herda essa propriedade do elemento pai. |
<!DOCTYPE html> <html> <head> <style> p.test { largura: 11em; fundo-cor: #ff9900; border: 1px sólido #ffffff; padding:10px; word-wrap: break-word; } </style> </head> <p class="test"> Neste parágrafo, há uma palavra muito longa: <p class="test"> Neste parágrafo, há uma palavra muito longa: iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg. A longa palavra será quebrada e rolada para a próxima linha.</p> </html>Teste veja‹/›
Saída:
Neste parágrafo, há uma palavra muito longa: iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg.long Esta palavra será quebrada e rolada para a próxima linha.