Sabemos como escrever CSS para quebras de linha Div e quebras sem linha. Mas para células de tabela, conhecemos apenas um atributo, nowrap, que pode impedir sua quebra. Tive essa necessidade recentemente, mas descobri que adicionar nowrap ainda causará quebras de linha em alguns casos! Infelizmente, não há como forçar quebras de linha?
Como usar CSS para realizar quebra automática ou não quebra de linha de dados de células da tabela:
1. Quebra de linha forçada:
＜tipo de estilo="texto/css"＞
.AutoNewline
{
quebra de palavras: quebrar tudo;/*obrigatório*/
}
＜/estilo＞
<tabela>
＜tr＞
＜td class="AutoNewline"＞
envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático envoltório de linha automático
</td>
＜/tr＞
＜/tabela＞
2. Não force nenhuma quebra de linha:
＜tipo de estilo="texto/css"＞
.NoNewline
{
quebra de palavra: manter tudo;/*obrigatório*/
}
＜/estilo＞
<tabela>
＜tr＞
＜td class="NoNewline"＞Sem quebra de linha, sem quebra de linha, sem quebra de linha, sem quebra de linha, sem quebra de linha, sem quebra de linha, sem quebra de linha, sem quebra de linha, sem quebra de linha, sem quebra de linha＜/td >
＜/tr＞
＜/tabela＞