テキストの自動行折り返しを制御する CSS の問題_エクスペリエンス交換

Web ページのレイアウトにテーブルを使用する場合、通常は通常通り使用できます。時々、連続する英単語や感嘆符 (!!!) の束が Web ページを引き伸ばす現象に遭遇します: (

要約すると、CSS で次の文が定義されている限り、Web ページは機能します。保護できます。再度引き伸ばされることはありません。

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

コメント:

1. 最初のテーブル{table-layout: fixed;}、このスタイルにより、!!! (感嘆符) などの文字がある場合にテーブルを自動的に折り返すことができます。
2.td{word-break: Break-all}、通常はこの文を使用しても問題ありませんが、特殊な状況では依然として壊れるため、次の文を追加する必要があります (word-wrap: Break -word; ) を解決できます。このスタイルでは、表内の連続した英単語を自動的に折り返すことができます。