CSS controla a quebra de texto

1. Você define a largura da tabela, ou seja, atribui à tabela um valor de largura (um valor numérico, não uma porcentagem)
2. Não forçar quebras de linha

div{
//espaço em branco: nenhuma quebra de linha normal; nowrap força todo o texto a ser exibido na mesma linha até que o texto termine ou um objeto br seja encontrado
espaço em branco:nowrap }

Quebra automática de linha

div{
quebra de linha: quebra de palavra;

//word-break define quebras de linha forçadas para idiomas asiáticos e não-asiáticos, permitindo quebras de linha dentro de palavras;
quebra de palavra: normal;
}

Forçar quebras de linha para palavras em inglês

div{
quebra de palavras: quebrar tudo;
}

3. Resumindo, desde que as frases a seguir sejam definidas em CSS, é garantido que a página da web não será aberta novamente.

tabela{layout da tabela: fixo;}
td(quebra de palavra: quebrar tudo; quebra de palavra: quebrar palavra;)

Observação:

1. A primeira tabela {table-layout: fixa;}, este estilo pode fazer com que a tabela seja quebrada automaticamente quando houver caracteres como !!! (ponto de exclamação).

2.td{word-break: break-all}, geralmente não há problema em usar esta frase, mas em alguns casos especiais ela ainda será quebrada, então você precisa adicionar a seguinte frase (word-wrap: break-word;) Isso pode ser resolvido. Este estilo permite que algumas palavras consecutivas em inglês na tabela sejam agrupadas automaticamente.
(1) Gramática:

quebra de palavras: normal | quebrar tudo |

parâmetro:

normal: permite quebras de linha nas palavras de acordo com as regras de texto para idiomas asiáticos e não asiáticos
break-all: O comportamento é o mesmo normal para idiomas asiáticos. Também são permitidas quebras em qualquer palavra de uma linha de texto em idioma não asiático. Este valor é adequado para texto asiático que contém algum texto não asiático
keep-all : igual ao normal para todos os idiomas não asiáticos. Para chinês, coreano e japonês, quebras de palavras não são permitidas. Bom para texto não asiático que contém uma pequena quantidade de texto asiático

(2) Gramática:

quebra de linha: normal |

parâmetro:

normal: permite que o conteúdo ultrapasse os limites especificados do contêiner
break-word: o conteúdo ultrapassará os limites. Se necessário, também podem ocorrer quebras de palavras

ilustrar:

Define ou recupera se a linha deve ser quebrada quando a linha atual exceder o limite do contêiner especificado.
O recurso de script correspondente é a quebra de linha. Por favor, veja outros livros que escrevi.
(3) Gramática:

layout da tabela: automático |

parâmetro:

auto: O algoritmo automático padrão. O layout será baseado no conteúdo de cada célula. A tabela não será exibida até que cada célula seja lida e calculada. Muito lento
fixo: Algoritmo de layout fixo. Neste algoritmo, o layout horizontal baseia-se apenas na largura da tabela, na largura da borda da tabela, no espaçamento das células e na largura das colunas e não tem nada a ver com o conteúdo da tabela.

ilustrar:
Como fazer a tabela embrulhar automaticamente?
Define ou recupera o algoritmo de layout da tabela.
O atributo de script correspondente é tableLayout.

4. De acordo com a maioria dos artigos na Internet, basta adicionar:
código
...........

Código:
mesa {<br />
layout da tabela:fixo;quebra de palavra:quebra-tudo;quebra de palavra:quebra-palavra;}<br />
div{quebra de palavra:quebra-tudo;quebra de palavra:quebra-palavra;}
Isso pode resolver o problema de tabelas e camadas quebradas. Foi o que fiz primeiro. No entanto, esse código causará um problema. Você descobrirá que todas as palavras em inglês estão truncadas, o que não está de acordo com os hábitos de escrita em inglês e não é propício à leitura.

Mais tarde, descobri que, ao reescrever o código acima, poderia evitar a quebra de tabelas/camadas e a quebra de palavras.
do seguinte modo:
código

Código:
mesa {
layout da tabela: fixo;
quebra de linha: quebra de palavra;
}
div{
quebra de linha: quebra de palavra;
}

Este também é o código que uso agora.