Problema de ajuste de línea automático: el ajuste de línea de caracteres normales es más razonable, pero los números continuos y los caracteres en inglés a menudo expanden el contenedor, lo cual es bastante problemático. A continuación se muestra cómo CSS implementa el ajuste de línea.

La mejor definición de CSS para ajuste de línea

code.wrap. diseño de tabla: fijo; salto de palabra: romper todo; desbordamiento: oculto;
Aquí desbordamiento: oculto o automático;
==================================================== ================

Para elementos a nivel de bloque como div y p, el ajuste de línea de los elementos de texto normal (texto asiático y no asiático) tiene el espacio en blanco predeterminado: normal, y se ajustará automáticamente después del ancho definido.
HTML

1. (navegador IE) Para caracteres ingleses continuos y números arábigos, utilice word-wrap: break-word o word-break:break-all; rompiendo

#wrap{word-break:break-all ancho:200px;}
o
#wrap{word-wrap:break-word; width:200px;}

Efecto: se pueden lograr saltos de línea

2. (navegador Firefox) Separación de caracteres ingleses continuos y números arábigos , todas las versiones de Firefox no resuelven este problema. Solo podemos ocultar los caracteres más allá del límite o agregar barras de desplazamiento al contenedor.

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

Efecto: el contenedor es normal y el contenido está oculto

para la tabla
http://www.knowsky.com/
1. (navegador IE) Utilice table-layout:fixed para forzar el ancho de la tabla y ocultar el exceso de contenido

Efecto: Ocultar contenido redundante

2. (navegador IE) use table-layout: fijo para forzar el ancho de la tabla, el td interno, este usa word-break: break-all o word-wrap: break; -word ;Salto de línea

Efecto: Es posible ajustar líneas

3. (navegador IE) Anidar divs, p, etc. en td, th usa el método de ajuste de líneas de div y p mencionado anteriormente

4. (navegador Firefox) Usar diseño de tabla: fijo ;Forzando el ancho de la tabla, el td interno, usa word-break: break-all; o word-wrap: break-word para ajustar la línea, usa overflow:hidden para ocultar el exceso de contenido, overflow:auto; ; no funciona aquí

Efecto: Ocultar más que contenido

5. (Navegador Firefox) Nest divs, p, etc. en td, th. Utilice el método mencionado anteriormente para tratar con Firefox para ejecutar el cuadro de código. Finalmente, existe la posibilidad de que ocurra este fenómeno. que ocurra es muy pequeño, pero no se pueden descartar bromas por parte de los internautas.

El siguiente es el efecto del ejemplo mencionado

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




tabla,td,th,div { borde:1px verde sólido;}
código { font-family:"Courier New", Courier, monoespacio;}

div

Todos los espacios en blanco:normal;

IE word-wrap : break-word ;

IE word-break:break-all;

Firefox/ word-break:break-all; overflow:auto;

abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111

tabla

diseño de tabla: fijo;

diseño de tabla: fijo; salto de palabra: salto todo; ajuste de palabra: salto de palabra;

FF diseño de tabla: fijo; desbordamiento: oculto;