Este artículo enumera los estilos CSS recomendados para saltos de línea que son compatibles con IE y FF, y presenta en detalle las diferencias entre el ajuste de palabras y los estilos CSS recomendados para saltos de línea que son compatibles con IE y FF:
La mejor manera es.
word-wrap:break-word; overflow:hidden;
en lugar de
word-wrap:break-word; word-break:break-all;
ni
word
-wrap:break-word;
No hay problema en IE. En FF, se bloquearán una larga cadena de palabras en inglés.
Resumen técnico:
el ajuste de palabras se usa para controlar los saltos de línea.
Cuando se usa la palabra de salto, los saltos de línea se fuerzan. Y no hay problema con las oraciones en inglés. Pero si encadena palabras en inglés, no funcionará.
El control de división de palabras
es la situación normal, las palabrasen
inglés no se dividen.
palabras Cuando la palabra alcanza el límite, la siguiente letra pasa automáticamente a la siguiente línea. Resuelve principalmente el problema de cadenas largas de palabras en inglés,
es decir, solo se usan palabras continuas en chino, japonés y coreano. esta vez, sin ajuste de palabras, y el chino no se ajustará (las oraciones en inglés son normales...)
En IE:
use word-wrap:break-word;
en Firefox:
si no se usan estos dos, habrá
.No habrá problemas con las oraciones en inglés en chino. Sin embargo, habrá problemas con cadenas largas en inglés.
Para resolver cadenas largas en inglés, word-wrap:break-word;word-break:break-all. ; se usa generalmente, pero este método hará que las palabras en oraciones comunes en inglés se rompan (es decir, lo mismo ocurre a continuación.
El principal problema actual es que las cadenas largas de palabras en inglés están desconectadas). La cadena de palabras en inglés es solo una palabra relativamente larga. Es decir, ¿deberían desconectarse las palabras en inglés? El problema es obvio, obviamente no debe desconectarse para cadenas largas en inglés, que son cosas maliciosas, naturalmente no hay necesidad de preocuparse por eso, pero también debemos pensar en algunas formas de evitar que expanda el contenedor. Utilice
: overflow: auto; En IE, las cadenas largas se ajustarán automáticamente. En Firefox, las cadenas largas se cubrirán.
En resumen, la mejor manera es word-wrap:break-word;overflow:hidden; wrap:break -word;word-break:break-all;.
word-wrap:break-word;overflow:auto; En IE, parte de la cadena larga quedará oculta.