CSS controla el ajuste de texto

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. No forzar saltos de línea

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;

Ajuste automático de línea

div{
ajuste de palabras: romper palabra;

//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 saltos de línea para palabras 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(salto de palabra: romper todo; ajuste de palabra:salto de palabra;)

Nota:

1. La primera tabla {diseño de tabla: fijo;}, este estilo puede hacer que la tabla se ajuste automáticamente cuando hay caracteres como !!! (signo de exclamación).

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.
(1) Gramática:

salto de palabra: normal | romper todo | conservar todo

parámetro:

normal: permite saltos de línea dentro de las palabras según las reglas de texto para idiomas asiáticos y no asiáticos
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 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

(2) Gramática:

ajuste de palabras: normal | ruptura de palabras

parámetro:

normal: permitir que el contenido vaya 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 pueden producirse saltos de palabras.

ilustrar:

Establece o recupera si se debe romper 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) Gramática:

diseño de tabla: automático | fijo

parámetro:

auto: el 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.

ilustrar:
¿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ódigo

Có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.