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 e, se você cuidar disso, as palavras em inglês serão divididas.
Muitas pessoas levantaram a questão de
evitar que a tabela fosse quebrada
. Sim, também resolvi isso na versão inicial, mas isso fez com que as palavras em inglês fossem quebradas e agrupadas em novas linhas, então, quando fiz o novo modelo, fiz isso. não adicionei algum 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
...........
tabela {
layout da tabela:fixo;quebra de palavra:quebra-tudo;quebra de palavra:quebra-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:
de códigos
{
layout da tabela: fixo;
quebra de linha: quebra de palavra;
}
div {
quebra de linha: quebra de palavra;
}
http://font.knowsky.com/Este
também é o código que uso agora.
-------------------------------------------------- ---
De acordo com a versão de quebra de palavras do manual chinês CSS2 de Rainer Su
: Herança de atributo proprietário 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 descrições de texto não asiático
que contenham uma pequena quantidade de texto asiático:
Define ou recupera o comportamento de quebra automática de texto 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:
Versão de quebra de linha
do IE5.0+
: 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ão quebras de palavras
:
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ão quebras de linha intrapalavras (quebra de palavras),
portanto, a quebra de linha é suficiente. Por padrão, as quebras de palavras não serão separadas, mas se houver uma palavra muito longa, como a versão errada da palavra. palavra mais longa da história da última vez, As assustadoras 12 palavras em inglês, também pode dividir linhas, evitando que a tabela seja danificada.
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 muito longa, o Mozilla Firefox não quebrará a linha e quebrará.
Não sei se CSS3 aceitará esse atributo, mas para ser sincero, palavras muito BT são melhores...