Evite que las tablas/capas exploten y que las palabras se rompan Evitar que el formulario se reviente. Muchas personas han mencionado este problema y luego lo resolví en la primera versión, pero provocaba que las palabras en inglés se dividieran y se envolvieran en nuevas líneas, por lo que cuando creé la nueva plantilla, no agregué ningún código CSS. para controlar esto. Lo probé hoy y descubrí que la solución es muy simple. diseño de tabla: fijo; salto de palabra: romper todo; ajuste de palabra: romper-palabra;} div{palabra-break:break-all;word-wrap:break-word;} Más tarde, descubrí que al reescribir el código anterior, podía evitar que se rompieran tanto las tablas/capas como las palabras. mesa { Este es también el código que uso ahora. Según el manual chino CSS2 de Rainer Su versión de salto de palabra: herencia de propiedades propietarias de IE5+: sí Sintaxis: ilustrar: Versión de ajuste de palabras: herencia de propiedades propietarias de IE5.5+: sí Sintaxis: ilustrar: Por lo tanto, el ajuste de palabras es suficiente. De forma predeterminada, las palabras no se dividirán en nuevas líneas. Sin embargo, si hay una palabra muy larga, como la versión incorrecta de las 12 palabras en inglés más aterradoras de la historia, también se dividirá. evita que el formulario se dañe.
Se puede decir que el problema del ajuste automático de líneas de palabras en inglés ha torturado a muchas personas. Si una palabra se escribe durante mucho tiempo, la tabla se romperá, pero si se ignora, las palabras en inglés se dividirán.
Según la mayoría de los artículos en Internet, simplemente agregue:
código
...........
mesa {
Esto puede resolver el problema de las tablas y capas rotas. Esto es lo que hice al principio. Sin embargo, dicho código causará un problema. Encontrará que todas las palabras en inglés están truncadas, lo que no coincide con los hábitos de escritura en inglés y no favorece la lectura.
como sigue:
código
diseño de mesa: fijo;
ajuste de palabras: romper-palabra;
}
div {
ajuste de palabras: romper-palabra;
}
-------------------------------------------------- ---
ruptura de palabra: normal | romper todo | conservar todo
Valor:
normal: valor predeterminado. Permitir saltos de línea entre palabras
break-all: este comportamiento es el mismo que el normal para los idiomas asiáticos. También se permiten saltos dentro de cualquier palabra de una línea de texto en idiomas no asiáticos. Este valor es adecuado para texto asiático que contiene texto no asiático.
keep-all: Igual que lo normal para todos los idiomas no asiáticos. En chino, coreano y japonés no se permiten saltos de palabras. Bueno para texto no asiático que contiene una pequeña cantidad de texto asiático
Establece o recupera el comportamiento de ajuste dentro de palabras para el texto dentro de un objeto. Especialmente cuando aparecen varios idiomas.
Para los chinos, se debe utilizar el sistema break-all.
Esta propiedad es de sólo lectura para el objeto currentStyle. Es legible y escribible por otros objetos.
La función de secuencia de comandos correspondiente es wordBreak.
Ejemplo:
div {salto de palabra: descanso todo}
Se aplica a:
IE5.0+
ajuste de palabras: normal | ruptura de palabras
Valor:
normal: valor predeterminado. Permitir que el contenido se extienda más allá de los límites del contenedor especificado
palabra de ruptura: el contenido se romperá dentro de los límites. Si es necesario, también se producirá un salto de palabra.
Establece o recupera si se debe romper la línea cuando la línea actual excede el límite del contenedor especificado.
Esta propiedad solo funciona en objetos de diseño, como objetos de bloque. Para usar este atributo para elementos en línea, primero debe establecer el atributo de alto o ancho del objeto, o establecer el atributo de posición en absoluto, o establecer el atributo de visualización en bloque.
Esta propiedad es de sólo lectura para el objeto currentStyle. Es legible y escribible por otros objetos.
La función de secuencia de comandos correspondiente es wordWrap.
Ejemplo:
div { ajuste de palabra: romper palabra; salto de palabra: romper todo }
Presta atención a esto
palabra de ruptura: el contenido se romperá dentro de los límites. Si es necesario, también se producirá un salto de palabra.
Sin embargo, w3c no ha adoptado esto como estándar css2, por lo que Mozilla no admite este atributo. Si todos escriben bien las palabras en inglés, Firefox no dividirá las palabras ni las envolverá en nuevas líneas. Palabra larga, Mozilla Firefox no romperá la línea y se romperá.
No sé si CSS3 aceptará este atributo, pero para ser honesto, las palabras que son demasiado BT son mejores...