CSS自動行折り返し

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

方法 2: 行の折り返しを強制しない

div{//white-space : 行の折り返しなし; 通常のデフォルト; nowrap テキストの終わりまですべてのテキストを強制的に同じ行に表示するか、 br object White-space:nowrap; 方法 3: 自動行折り返し

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

メソッド4: 英単語の改行を強制します

div{word-break:break- all;}

注:

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