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. Erzwinge, dass

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;

div{

automatisch umbrechen

Zeilenumbruch: break-word;

//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;
}

Englischen Wortzeilenumbruch erzwingen

div{
word-break:break-all;
}

3. Zusammenfassend kann sichergestellt werden, dass die Webseite 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;)

Kommentare:

1. Die erste Tabelle{table-layout: Fixed;}, dieser Stil kann dazu führen, dass die Tabelle automatisch!!!(Ausrufezeichen) hat Zeichen umbrechen.

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.
http://www.knowsky.com/
(1) Grammatik:

Wortumbruch: normal |. break-all |. keep-all

Parameter:

normal: Gemäß den Textregeln asiatischer und nichtasiatischer Sprachen sind Zeilenumbrüche innerhalb von Wörtern zulässig
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) Syntax:

Zeilenumbruch: normal |

Parameter

: Erlaubt dem Inhalt, die angegebene Containergrenze zu durchbrechen
break-word: Der Inhalt wird innerhalb der Grenzen unterbrochen. Bei Bedarf erfolgt auch ein Wortumbruch.

Beschreibung:

Legt fest oder ruft ab, ob die Zeile umgebrochen 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) Syntax:

Tabellenlayout: auto |. Feste

Parameter:

auto: automatischer Standardalgorithmus. Das Layout basiert auf dem Inhalt jeder Zelle. Die Tabelle wird erst angezeigt, wenn jede Zelle gelesen und berechnet wurde. Sehr langsam
behoben: fester Layout-Algorithmus. 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

:
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 {

table-layout:fixed;word-break:break-all;word-wrap:break-word;}

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:
CodeCode

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

Dies ist auch der Code, den ich jetzt verwende.