Como usar CSS para resolver o problema de quebra automática de linha de palavras em inglês

Evitar que tabelas/camadas estourem e palavras quebrem

Pode-se dizer que o problema da quebra automática de linhas de palavras em inglês tem torturado muitas pessoas. Se uma palavra for escrita por muito tempo, a tabela será quebrada, mas se for ignorada, as palavras em inglês serão divididas.

Evite que o formulário estoure

Este problema foi mencionado por muitas pessoas, e mais tarde resolvi-o na versão inicial, mas fez com que as palavras em inglês fossem divididas e agrupadas em novas linhas, por isso, quando fiz o novo modelo, não adicionei nenhum código CSS para controlar isso. Experimentei hoje e descobri que a solução é muito simples.

De acordo com a maioria dos artigos na Internet, basta adicionar:
código
...........

mesa {

layout da tabela: fixo; quebra de palavra: quebra de tudo; quebra de palavra: quebra de palavra;}

div{quebra de palavra:quebra-tudo;quebra de palavra:quebra-palavra;}

Isso pode resolver o problema de tabelas e camadas quebradas. Foi o que fiz primeiro. No entanto, esse código causará um problema. Você descobrirá que todas as palavras em inglês estão truncadas, o que não está de acordo com os hábitos de escrita em inglês e não é propício à leitura.

Mais tarde, descobri que, ao reescrever o código acima, poderia evitar a quebra de tabelas/camadas e a quebra de palavras.
do seguinte modo:
código

mesa {
layout da tabela: fixo;
quebra de linha: quebra de palavra;
}
div {
quebra de linha: quebra de palavra;
}

Este também é o código que uso agora.
-------------------------------------------------- ---

De acordo com o manual chinês CSS2 de Rainer Su

versão de quebra de palavras: herança de propriedades proprietárias do IE5+: sim Sintaxe:
quebra de palavras: normal | quebrar tudo |
Valor:
normal: valor padrão. Permitir quebras de linha entre palavras
break-all : Este comportamento é igual ao normal para idiomas asiáticos. Também são permitidas quebras em qualquer palavra de uma linha de texto em idioma não asiático. Este valor é adequado para texto asiático que contém algum texto não asiático
keep-all : igual ao normal para todos os idiomas não asiáticos. Para chinês, coreano e japonês, quebras de palavras não são permitidas. Bom para texto não asiático que contém uma pequena quantidade de texto asiático

ilustrar:
Define ou recupera o comportamento de quebra intrapalavra para texto dentro de um objeto. Especialmente quando aparecem vários idiomas.
Para chineses, deve-se usar break-all.
Esta propriedade é somente leitura para o objeto currentStyle. É legível e gravável por outros objetos.
O recurso de script correspondente é wordBreak.
Exemplo:
div {quebra de palavras: quebrar tudo};
Aplica-se a:
IE5.0+

versão de quebra de linha: herança de propriedades proprietárias do IE5.5+: sim Sintaxe:
quebra de linha: normal |
Valor:
normal: valor padrão. Permitir que o conteúdo se estenda além dos limites especificados do contêiner
break-word: o conteúdo ultrapassará os limites. Se necessário, também ocorrerá quebra de palavras

ilustrar:
Define ou recupera se a linha deve ser quebrada quando a linha atual exceder o limite do contêiner especificado.
Esta propriedade funciona apenas em objetos de layout, como objetos de bloco. Para usar esse atributo para elementos embutidos, você deve primeiro definir o atributo de altura ou largura do objeto, ou definir o atributo position como absoluto, ou definir o atributo display como block.
Esta propriedade é somente leitura para o objeto currentStyle. É legível e gravável por outros objetos.
O recurso de script correspondente é wordWrap.
Exemplo:
div { quebra de palavra: quebra de palavra; quebra de palavra: quebra de tudo }

Preste atenção nisso
break-word: o conteúdo ultrapassará os limites. Se necessário, também ocorrerá quebra de palavras

Portanto, a quebra de linha é suficiente. Por padrão, as palavras não serão divididas em novas linhas. No entanto, se houver uma palavra muito longa, como a versão errada das 12 palavras inglesas mais assustadoras da história, ela também quebrará as linhas. evita que o formulário seja danificado.
No entanto, isso não foi adotado como padrão css2 pelo w3c, então o Mozilla não suporta este atributo. Se todos escreverem bem as palavras em inglês, o Firefox não dividirá as palavras e as agrupará em novas linhas. palavra longa, Mozilla Firefox não vai quebrar a linha e vai quebrar.
Não sei se CSS3 aceitará esse atributo, mas para ser sincero, palavras muito BT são melhores...