この記事では、IE と FF と互換性のある改行の推奨 CSS スタイルをリストし、IE と FF と互換性のある改行の推奨 CSS スタイルをワードラップとワードブレイクの違いについて詳しく紹介します
。
word-wrap:break-word;
または
word-wrap:break-word;
の代わりに
overflow :hidden;
これが最良の方法です。 IE では問題ありません。FF では、
改行
を制御するためにワードラップが使用されます。
中国語では問題ありません。 、英語の文章には問題はありませんが、英語の単語を文字列にすると
、単語を分割するかどうかのコントロールが機能しません。
英語の単語は分割されません
。単語が境界に達すると、次の文字が自動的に次の行に移動します。主に、
中国語、日本語、韓国語の連続した単語のみを指します。今回は word-wrap なしで、中国語は折り返されません (英語の文章は正常です。)
IE の場合:
word
-wrap:break-word を使用します。これら 2 つが使用されない場合は、
すべて正常です。
中国語は問題ありません。英語は問題ありません。ただし、英語
の長い文字列を解くには、word-wrap:break-word;word-break:break-all が
必要です。; が一般的に使用されますが、この方法では通常の英語の文の単語が壊れてしまいます (以下同様です)。
現在の主な問題は、長い英語の文字列が切断されてしまうことです。英語の文字列は単なる比較的長い単語です。つまり、英語の単語は切り離されるべきでしょうか。問題は明らかであり、悪意のある英語の長い文字列の場合は当然心配する必要はありませんが、コンテナの拡大を防ぐいくつかの方法も考えなければなりません。使用
: overflow: auto; IE では、長い文字列は自動的に折り返されます。
つまり、word-wrap:break-word;overflow:hidden; が最適な方法です。 Wrap:break -word;word-break:break-all;
word-wrap:break-word;overflow:auto; IE では、長い文字列の一部が隠れてしまいます。