1. Usted establece el ancho de la tabla, es decir, le da a la tabla un valor de ancho (un valor numérico, no un porcentaje)
2. Forzar no ajustar
div{
//espacio en blanco: sin ajuste de línea; valor predeterminado normal; nowrap obliga a que todo el texto se muestre en la misma línea hasta que finaliza o se encuentra un objeto br.
espacio en blanco: ahorarap;
Ajustar automáticamente
div{
word-wrap: break-word;
//el salto de palabra establece saltos de línea forzados; reglas de texto normales para idiomas asiáticos y no asiáticos, permitiendo saltos de línea dentro de las palabras.
salto de palabra: normal;
}
Forzar salto de línea de palabra en inglés
div{
salto de palabra: romper todo;
}
3. En resumen, siempre que las siguientes oraciones estén definidas en CSS, se puede garantizar que la página web no se volverá a abrir.
tabla {diseño de tabla: fijo;}
td(word-break: break-all; word-wrap:break-word;)
Comentarios:
1. La primera tabla {table-layout: fix;}, ¡este estilo puede hacer que la tabla tenga! (signo de exclamación) automáticamente envolver personajes.
2.td {word-break: break-all}, generalmente está bien usar esta oración, pero en algunos casos especiales aún se romperá, por lo que debe agregar la siguiente oración (word-wrap: break-word;) Se puede solucionar. Este estilo permite que algunas palabras consecutivas en inglés de la tabla se ajusten automáticamente.
http://www.knowsky.com/
(1) Gramática:
salto de palabra: normal | romper todo | mantener todo
Parámetros:
normal: de acuerdo con las reglas de texto de los idiomas asiáticos y no asiáticos, se permiten saltos de línea dentro de las palabras.
break-all: El 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 un idioma no asiático. 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. Adecuado para texto no asiático que contiene una pequeña cantidad de texto asiático
(2) Sintaxis:
ajuste de palabra: normal |
parámetros de ruptura de palabra:
normal: permitir que el contenido rompa el límite del contenedor especificado
palabra de ruptura: el contenido se romperá dentro de los límites. Si es necesario, también se produce un salto de palabra.
Descripción:
establece o recupera si se debe dividir la línea cuando la línea actual excede el límite del contenedor especificado.
La función de secuencia de comandos correspondiente es el ajuste de palabras. Por favor vea otros libros que he escrito.
(3) Sintaxis:
diseño de tabla: auto |
parámetros fijos:
auto: algoritmo automático predeterminado. El diseño se basará en el contenido de cada celda. La tabla no se mostrará hasta que se lea y calcule cada celda. muy lento
fijo: algoritmo de diseño fijo. En este algoritmo, el diseño horizontal solo se basa en el ancho de la tabla, el ancho del borde de la tabla, el espacio entre celdas y el ancho de las columnas, y no tiene nada que ver con el contenido de la tabla
:
¿Cómo hacer que la mesa se ajuste automáticamente?
Establece o recupera el algoritmo de diseño de la tabla.
El atributo de script correspondiente es tableLayout.
4. Según la mayoría de los artículos en Internet, basta con añadir:
código
.......
Código:
tabla {<br />
diseño de tabla: fijo; salto de palabra: romper todo; ajuste de palabra: romper-palabra;}<br />
div{palabra-break:break-all;word-wrap:break-word;}
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.
Más tarde, descubrí que al reescribir el código anterior, podía evitar que se rompieran tanto las tablas/capas como las palabras.
como sigue:
CódigoCódigo
:
mesa {
diseño de mesa: fijo;
ajuste de palabras: romper-palabra;
}
div {
ajuste de palabras: romper-palabra;
}
Este es también el código que uso ahora.