CSS はテキストの折り返しを制御します

1. テーブルの幅を設定します。つまり、テーブルに幅の値 (パーセンテージではなく数値) を与えます。
2.改行を強制しない

ディブ{
//空白: 通常のデフォルトでは行の折り返しはありません。nowrap では、テキストが終了するか br オブジェクトが見つかるまで、すべてのテキストが同じ行に表示されます。
ホワイトスペース:ナラップ;

自動行折り返し

ディブ{
ワードラップ: ブレークワード;

//wordbreak は、アジア言語と非アジア言語の通常のテキスト ルールを強制的に設定し、単語内での改行を許可します。
単語区切り: 通常。
}

英単語の強制改行

ディビジョン{
単語区切り:すべて区切り;
}

3. まとめると、CSS で次の文を定義していれば、Web ページが再度開かれないことが保証されます。

テーブル{テーブルレイアウト: 固定;}
td(ワードブレーク:ブレークオール;ワードラップ:ブレークワード;)

注記：

1. 最初の table{table-layout:fixed;}、このスタイルは、!!! (感嘆符) などの文字がある場合にテーブルを自動的に折り返すことができます。

2.td{word-break: Break-all}、通常はこの文を使用しても問題ありませんが、特殊なケースでは依然として分割されるため、次の文を追加する必要があります (word-wrap: Break-word;)それは解決できます。このスタイルでは、表内の一部の連続する英単語を自動的に折り返すことができます。
(1) 文法:

ワードブレーク: 通常のブレークオール |

パラメータ:

Normal : アジア言語および非アジア言語のテキスト ルールに従って、単語内での改行を許可します。
Break-all : 動作はアジア言語の通常の動作と同じです。非アジア言語のテキスト行の任意の単語内での区切りも許可されます。この値は、アジア以外のテキストを含むアジアのテキストに適しています。
keep-all : すべての非アジア言語の通常と同じです。中国語、韓国語、日本語の場合、単語の区切りは許可されません。少量のアジアのテキストを含む非アジアのテキストに適しています

(2) 文法:

ワードラップ : 通常のブレークワード |

パラメータ:

Normal: 指定されたコンテナの境界を越えてコンテンツをプッシュできるようにします。
Break-word : コンテンツは境界内で分割されます。必要に応じて、単語の区切りも発生する可能性があります

例証します:

現在の行が指定されたコンテナの境界を超えた場合に行を分割するかどうかを設定または取得します。
対応するスクリプト機能はワードラップです。私が書いた他の本もご覧ください。
(3) 文法:

テーブルレイアウト: 自動 |

パラメータ:

auto: デフォルトの自動アルゴリズム。レイアウトは各セルの内容に基づきます。各セルが読み取られて計算されるまで、テーブルは表示されません。非常に遅い
固定: 固定レイアウト アルゴリズム。このアルゴリズムでは、水平レイアウトは表の幅、表の境界線の幅、セル間隔、列の幅のみに基づいており、表の内容とは関係ありません。

例証します:
テーブルを自動的に折り返すにはどうすればよいですか?
テーブルのレイアウト アルゴリズムを設定または取得します。
対応するスクリプト属性は tableLayout です。

4. インターネット上のほとんどの記事によると、次のことを追加するだけです。
コード
……

コード：
テーブル{<br />
テーブル レイアウト:固定;ワード ブレーク:ブレークオール;ワードラップ:ブレークワード;}<br />
div{ワードブレイク:ブレイクオール;ワードラップ:ブレイクワード;}
これにより、壊れたテーブルとレイヤーの問題が解決されます。これが最初にやったことです。ただし、このようなコードでは英語の単語がすべて切り捨てられるという問題が発生します。これは英語の書き方の習慣に合っておらず、読みにくくなります。

後で、上記のコードを書き直すことで、テーブル/レイヤーの破損と単語の破損を防ぐことができることがわかりました。
次のように：
コード

コード：
テーブル {
テーブルレイアウト: 固定;
ワードラップ:ブレイクワード;
}
ディビジョン {
ワードラップ:ブレイクワード;
}

これは私が現在使用しているコードでもあります。