CSS自動行折り返し

方法 1: まずテーブルの幅を固定します。つまり、テーブルに幅の値 (パーセンテージではなく数値) を与えます

方法 2: 強制的に改行を行わない

div{//white-space: 行の折り返しはありません。通常のデフォルト。nowrap では、テキストの終わりまで、または br オブジェクトが出現するまで、すべてのテキストが同じ行に表示されます。 }

方法 3: 自動行折り返し

div{ word-wrap:break-word; //word-break は、アジア言語と非アジア言語の通常のテキスト ルールを設定し、単語内での改行を許可します。 }

方法 4: 英語の単語を強制的に改行する

div{ワードブレイク:ブレイクオール;}

注:

Web ページが「引き伸ばされる」のを防ぐには、CSS で次の文を定義します。

table{table-layout:fixed;}td(word-break:break-all;word-wrap:break-word;)

分岐時に単一の英単語が分割されないようにしながら、テーブル/レイヤーが「展開」されるのを防ぎます:

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

div { word-wrap:break-word;}