Cómo forzar que HTML se ajuste automáticamente

Ajuste de texto normal (texto asiático y no asiático) Espacio en blanco predeterminado: normal para elementos, se ajusta automáticamente después de especificar el ancho. (Navegador Firefox) Ajuste continuo de caracteres en inglés y números arábigos. Todas las versiones de Firefox no han resuelto este problema. Solo podemos ocultar los caracteres más allá del límite o agregar barras de desplazamiento al contenedor.

Efecto: Contenedor normal. el contenido está oculto

Para tablas

1. (navegador IE) use table-layout: fix para forzar el ancho de la tabla, td interno, y use word-break: break-all; ; o ajuste de palabra: salto de palabra; salto de línea

Efecto: salto de línea posible

3. Anidar div, p, etc. en td, th. Utilice el método de salto de línea anterior de div y p

4 (navegador Firefox) use table-layout:fixed para forzar el ancho de la tabla y use word-break: break-all; para td y th internos -wrap: break-word; use overflow:hidden para ocultar el exceso de contenido. El overflow:auto; aquí no funciona

Efecto: Ocultar contenido redundante

5 (navegador Firefox) Utilice el método anterior cuando td, th div anidado, p, etc.

Ejecutar Code Box

Finalmente, la posibilidad de que esto suceda es muy pequeña, pero no se puede descartar el engaño en Internet.