English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Notas de experiência

Modelo de caixa CSS

CSS3Tutoriais Básicos

Manual de Referência CSS

regras @ do CSS (RULES)

word do CSS-wrap (auto-quebra)

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 de Quebra de Linha de Texto do CSS

ValorDescrição
normalEssa propriedade é usada apenas para quebrar palavras em pontos de quebra permitidos.
break-wordUsado para quebrar palavras inquebráveis.
initialUsado para definir essa propriedade para seu valor padrão.
inheritEle herda essa propriedade do elemento pai.

Exemplo Online de Quebra de Linha Automática do CSS

<!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.