Resolva o problema de números e letras aumentando o recipiente

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 é uma grande dor de cabeça.

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

CSS
#wrap{espaço em branco:largura normal:200px;

1. (Navegador IE) Para caracteres ingleses contínuos e algarismos arábicos, use word-wrap: break-word ou word-break:break-all para obter quebra de linha forçada;
#wrap{quebra de palavra:quebra tudo;largura:200px;}
ou
#wrap{wrap de palavra:quebra de palavra;largura:200px;}

Efeito: quebras de linha podem ser alcançadas

2. (Navegador Firefox) As quebras de linha de caracteres ingleses contínuos e algarismos arábicos Todas as versões do Firefox não resolvem este problema. Só podemos ocultar os caracteres que excedem o limite ou adicionar barras de rolagem ao contêiner.

#wrap{quebra de palavra:quebra tudo;largura:200px;

Efeito: O contêiner está normal e o conteúdo está oculto para a tabela
(1) (navegador IE) use table-layout:fixed; force a largura da tabela e oculte o excesso de conteúdo;





Efeito: ocultar conteúdo redundante
(2) (navegador IE) use table-layout: fixo para forçar a largura da tabela, o td interno, use word-break: break-all ou word-wrap: break-word line break;

abcdefgigklmnopqrstuvwxyz1234567890ssssssssssssss

Efeito: quebras de linha podem ser feitas

3. (Navegador IE) Ao aninhar div, p, etc. em td, th, use o método de quebra de linha de div e p mencionado acima.

4. (navegador Firefox) use table-layout: fixo para forçar a largura da tabela, o td interno, use word-break: break-all; oculto; ocultar Além do conteúdo, overflow:auto não pode funcionar aqui;

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefgigklmnopqrstuvwxyz 1234567890

Efeito: ocultar mais do que conteúdo

5. (Navegador Firefox) Nest div, p, etc. em td, th, etc. Use o método mencionado acima para lidar com o Firefox

abcdefghigklmnopqrstuvwxyz1234567890

abcdefghigklmnopqrstuvwxyz1234567890