CSS steuert den Textumbruch

1. Sie legen die Breite der Tabelle fest, d. h. Sie geben der Tabelle einen Breitenwert (einen numerischen Wert, keinen Prozentsatz).
2. Erzwingen Sie keine Zeilenumbrüche

div{
//white-space: kein Zeilenumbruch; normale Standardeinstellung; nowrap erzwingt, dass der gesamte Text in derselben Zeile angezeigt wird, bis der Text endet oder ein br-Objekt gefunden wird
Leerraum:nowrap;

Automatischer Zeilenumbruch

div{
Zeilenumbruch: Wortumbruch;

//word-break legt erzwungene Zeilenumbrüche fest; normale Textregeln für asiatische und nicht-asiatische Sprachen, die Zeilenumbrüche innerhalb von Wörtern zulassen
Wortbruch: normal;
}

Erzwingen Sie Zeilenumbrüche für englische Wörter

div{
word-break:break-all;
}

3. Zusammenfassend lässt sich sagen, dass die Webseite garantiert nicht erneut geöffnet wird, solange die folgenden Sätze in CSS definiert sind.

Tabelle{Tabellenlayout: behoben;}
td(word-break: break-all; word-wrap:break-word;)

Notiz:

1. Die erste Tabelle {Tabellenlayout: behoben;}, dieser Stil kann dafür sorgen, dass die Tabelle automatisch umgebrochen wird, wenn Zeichen wie !!! (Ausrufezeichen) vorhanden sind.

2.td{word-break: break-all}, im Allgemeinen ist es in Ordnung, diesen Satz zu verwenden, aber in einigen Sonderfällen wird er trotzdem umgebrochen, daher müssen Sie den folgenden Satz hinzufügen (Wortumbruch: break-word;) Es kann gelöst werden. Dieser Stil ermöglicht es, einige aufeinanderfolgende englische Wörter in der Tabelle automatisch umzubrechen.
(1) Grammatik:

Wort-Break: normal |. break-all |

Parameter:

normal: Erlaubt Zeilenumbrüche innerhalb von Wörtern gemäß den Textregeln für asiatische und nicht-asiatische Sprachen
break-all: Das Verhalten ist das gleiche wie bei asiatischen Sprachen üblich. Pausen innerhalb eines beliebigen Wortes einer Textzeile in einer nicht-asiatischen Sprache sind ebenfalls zulässig. Dieser Wert eignet sich für asiatischen Text, der nicht-asiatischen Text enthält
keep-all: Das Gleiche wie normal für alle nicht-asiatischen Sprachen. Für Chinesisch, Koreanisch und Japanisch sind Wortumbrüche nicht zulässig. Geeignet für nicht-asiatischen Text, der eine kleine Menge asiatischen Text enthält

(2) Grammatik:

Zeilenumbruch: normal |

Parameter:

normal: Inhalte können über die angegebenen Containergrenzen hinaus verschoben werden
break-word: Der Inhalt wird innerhalb der Grenzen unterbrochen. Bei Bedarf können auch Wortumbrüche erfolgen

veranschaulichen:

Legt fest oder ruft ab, ob die Zeile unterbrochen werden soll, wenn die aktuelle Zeile die Grenze des angegebenen Containers überschreitet.
Die entsprechende Skriptfunktion ist der Zeilenumbruch. Bitte sehen Sie sich andere Bücher an, die ich geschrieben habe.
(3) Grammatik:

Tabellenlayout: auto |. behoben

Parameter:

auto: Der standardmäßige automatische Algorithmus. Das Layout basiert auf dem Inhalt jeder Zelle. Die Tabelle wird erst angezeigt, wenn jede Zelle gelesen und berechnet wurde. Sehr langsam
behoben: Layoutalgorithmus korrigiert. Bei diesem Algorithmus basiert das horizontale Layout nur auf der Breite der Tabelle, der Breite des Tabellenrandes, dem Zellenabstand und der Breite der Spalten und hat nichts mit dem Tabelleninhalt zu tun.

veranschaulichen:
Wie lässt sich der Tisch automatisch umwickeln?
Legt den Layoutalgorithmus der Tabelle fest oder ruft ihn ab.
Das entsprechende Skriptattribut ist tableLayout.

4. Den meisten Artikeln im Internet zufolge fügen Sie einfach Folgendes hinzu:
Code
...........

Code:
Tabelle {<br />
table-layout:fixed;word-break:break-all;word-wrap:break-word;}<br />
div{word-break:break-all;word-wrap:break-word;}
Dies kann das Problem defekter Tabellen und Ebenen lösen. Dies habe ich zunächst getan. Ein solcher Code stellt jedoch ein Problem dar. Sie werden feststellen, dass alle englischen Wörter abgeschnitten sind, was nicht den englischen Schreibgewohnheiten entspricht und dem Lesen nicht förderlich ist.

Später stellte ich fest, dass ich durch das Umschreiben des obigen Codes verhindern konnte, dass sowohl Tabellen/Ebenen als auch Wörter beschädigt werden.
wie folgt:
Code

Code:
Tisch {
Tabellenlayout: fest;
Zeilenumbruch:Wortumbruch;
}
div {
Zeilenumbruch:Wortumbruch;
}

Dies ist auch der Code, den ich jetzt verwende.