オーバーフローラップとワードブレイクの違いは？

overflow-wrap/word-wrapとの正確な違いはword-break何ですか？そして、誰かが私に非常に長いリンクを壊すためのより良いものを教えてもらえますか？ほとんどの人は、単語区切りを組み合わせて使用​​する必要があると言いますoverflow-wrapが、それはあまり論理的に見えません。クロスブラウザのサポートを向上さoverflow-wrapせるword-wrapためにと組み合わせて使用するのが最善の方法だと思います。どう思いますか？

ソースからの引用

• ワードラップ：ワードラップCSSプロパティは、他の方法では分割できない文字列が長すぎて包含ボックスに収まらない場合にオーバーフローを防ぐために、ブラウザが単語内の行を分割できるかどうかを指定するために使用されます。

• オーバーフローラップ：word-wrapプロパティはoverflow-wrap、CSS3テキスト仕様の現在のドラフトで名前が変更されました

• word-break： word-break CSSプロパティは、単語内の行を分割する方法（または分割するかどうか）を指定するために使用されます

したがって、正しい組み合わせであるワードラップと組み合わせてワードブレイクが必要です。

この時点で、word-break: break-wordは実際にはのエイリアスであることを理解するのに役立ちますoverflow-wrap: anywhere。

word-break: break-word正式に非推奨になりました。CSSテキストモジュールレベル3ワーキングドラフトを参照してください。

レガシーコンテンツとの互換性のために、word-breakプロパティは非推奨のbreak-wordキーワードもサポートしています。指定すると、overflow-wrapプロパティの実際の値に関係なく、word-break: normalおよびと同じ効果がありoverflow-wrap: anywhereます。

ここで注意すべきことword-break: break-wordは、のエイリアスで あり、のエイリアスでoverflow-wrap: anywhereはないということです。overflow-wrap: break-word。

（word-break: normalはのデフォルト値にすぎword-breakないため、に別の値を設定しない限り、無視してかまいません。word-break。）

どのようにoverflow-wrap: anywhereそしてoverflow-wrap: break-word異なりますか？

2つのドキュメントの唯一の違いは、overflow-wrap: anywhere「最小コンテンツの固有サイズの計算」の場合、「単語の区切りによって導入されるソフトラップの機会を考慮」することです。overflow-wrap: break-wordません。

幅を考慮すれば、幅の方が正確な場合もあると思いますか？

正確な違いは次のとおりです：（Chrome v81でのテストに基づいており、仕様を参照して観察結果を確認しています）

空白

normal（デフォルト）：空白チェーンと改行を折りたたむ。必要に応じて改行を追加します
nowrap：空白チェーンと改行を折りたたみます。改行を追加しません
pre-line：空白チェーンを折りたたむ; 必要に応じて改行を追加します
pre-wrap：折りたたみなし。必要に応じて改行を追加します
break-spaces：改行をトリガーできるスペースを除いて、プリラップと同じです
preです。：折りたたみなし。改行を追加しません

注：選択したwhite-space値に「改行が追加されない」と表示されている場合、次のプロパティの改行動作は適用できません（つまり無視されます）。

ワードブレイク

normal （デフォルト）：コンテナ内に収まる最後の単語の終わりで行を分割します[存在する場合]、それ以外の場合、行は中断されません
break-wordは行を中断し：コンテナ内の最後の単語の終わりで行を中断します[存在する場合]、それ以外の場合はコンテナの終わり
break-all行を中断しますコンテナの終わり[近くに空白があっても単語を分割できます]

オーバーフローラップ（レガシー名：ワードラップ）

normal（デフォルト）：コンテナ内の最後の単語の終わりで行を分割します[存在する場合]、そうでない場合
break-wordは行を中断しません：コンテナ内の最後の単語の終わりで行を中断します[存在する場合]、それ以外の場合はコンテナの終わりで[ -フレックスコンテナ]、それ以外の場合、行は途切れません。
anywhere：コンテナー内に収まる最後の単語の終わりで行を分割します[存在する場合]、それ以外の場合はコンテナーの終わりで[word-break: break-word]

overflow-wrap: break-word（コンテナに対して線が長すぎる組み合わせの場合）、線が途切れていない場合、フレックスコンテナが指定されたフレックス比を超えて拡張する可能性があることに注意してください（コンテンツが長すぎるため、他のフレックスコンテナを強制的に縮小します）。