Todo el mundo sabe que el inglés continuo o los números pueden hacer que el contenedor se expanda y no se puede ajustar automáticamente según el tamaño del contenedor. ¡Aquí se explica cómo ajustarlos usando CSS!
para div
1. (navegador IE) espacio en blanco: normal; salto de palabra: romper-todo; el primero aquí sigue el estándar.
#wrap{espacio en blanco:normal; ancho:200px;
o
#wrap{palabra-break:break-all;ancho:200px;}
<div >ddd1111111111111111111111111111111111</div>
Efecto: se pueden lograr saltos de línea
2. (navegador Firefox) white-space:normal; word-break:break-all;overflow:hidden; Tampoco existe un buen método de implementación en FF. Solo puede ocultar o agregar barras de desplazamiento, pero, por supuesto, no. ¡El efecto es mejor!
#wrap{espacio en blanco:normal; ancho:200px; desbordamiento:auto;}
o
#wrap{palabra-break:break-all;ancho:200px; desbordamiento:auto }
<div >ddd1111111111111111111111111111111111111111</div>
Efecto: el contenedor es normal y el contenido está oculto.
para mesa
1. (navegador IE) utilice el estilo de diseño de tabla: fijo;
| El siguiente es el contenido citado: <estilo> <ancho de tabla="80"> |
Efecto: Se pueden hacer saltos de línea.
2. (navegador IE) Utilice el diseño de tabla de estilo: fijo y ahora
| El siguiente es el contenido citado: <estilo> <ancho de tabla="80"> |
Efecto: Se pueden hacer saltos de línea.
3. (navegador IE) Utilice el diseño de tabla de estilo: fijo y ahora cuando utilice un porcentaje para fijar el tamaño de td.
| El siguiente es el contenido citado: <estilo> <ancho de tabla=80> |
Efecto: Ambos TD se envuelven normalmente
4. (Navegador Firefox) Utilice el diseño de tabla de estilo: fijo y ahora cuando utilice porcentaje para fijar el tamaño de td y utilice div.
| El siguiente es el contenido citado: <estilo> <ancho de tabla=80> |
El ancho de celda aquí debe definirse como un porcentaje.
Efecto: visualización normal, pero sin ajuste de línea (Nota: no existe una buena manera de ajustar el contenido del contenedor en FF. Solo puede usar el desbordamiento para ocultar el contenido adicional y evitar afectar el efecto general)