div implementa CSS para quebra automática de linha de letras inglesas longas

Problema de quebra automática de linha, quebra automática de linha de caracteres normais é mais razoável, mas números contínuos e caracteres ingleses geralmente expandem o contêiner, o que é bastante problemático. A seguir, é mostrado como o CSS implementa

a melhor definição CSS de quebra de linha

. layout da tabela: fixo; quebra de palavra: estouro de quebra: oculto;
Aqui estouro: oculto ou automático;
================================================= ===============

Para elementos de nível de bloco, como div e p, a quebra de linha de elementos de texto normal (texto asiático e texto não asiático) tem o espaço em branco padrão: normal e será quebrada automaticamente após a largura definida.
HTML

1. (navegador IE) Para caracteres ingleses contínuos e algarismos arábicos, use word-wrap: break-word ou word-break:break-all; quebrando

#wrap{palavra-quebra:quebra-tudo;largura:200px;}
ou
#wrap{word-wrap:break-word; width:200px;}

Efeito: quebras de linha podem ser obtidas

2. (navegador Firefox) Quebra de caracteres ingleses contínuos e algarismos arábicos , todas as versões do Firefox não resolvem esse problema. Só podemos ocultar os caracteres além do limite ou adicionar barras de rolagem ao contêiner.

#wrap{word-break:break-all; width:200px; overflow:auto;}

Efeito: o contêiner está normal e o conteúdo está oculto

para a tabela
http://www.knowsky.com/
1. (navegador IE) Use table-layout:fixed para forçar a largura da tabela e ocultar o excesso de conteúdo

Efeito: ocultar conteúdo redundante

2. (navegador IE) use table-layout: fixa para forçar a largura da tabela, o td interno, que usa word-break: break-all ou word-wrap: break; -word ;Quebra de linha

Efeito: quebra de linha é possível

3. (navegador IE) O aninhamento de divs, p, etc. em td, th usa o método de quebra de linha de div e p mencionado acima

4. (navegador Firefox) Use layout de tabela: fixo ;Forçando a largura da tabela, o td interno, th usa word-break: break-all; ou word-wrap: break-word para quebrar a linha, use overflow:hidden para ocultar o excesso de conteúdo, overflow:auto; ; não funciona aqui

Efeito: Ocultar mais do que conteúdo

5. (Navegador Firefox) Aninhar divs, p, etc. em td, th. Use o método mencionado acima para lidar com o Firefox para executar a caixa de código. ocorrendo é muito pequeno, mas pegadinhas de internautas não podem ser descartadas.

A seguir está o efeito do exemplo mencionado

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. dtd ">
http://www.w3.org/1999/xhtml ">