ワードブレイクとワークラップの違いの簡単な分析

互換性:

例: [同上]

ワードラップが設定されていません:

ワードラップを設定:通常;

ワードラップ:ブレイクワードを設定します;

上記の栗の設定 word-break:break-all と word-wrap:break-word の違いを比較してください

概要:

単語区切り: 単語を行末に配置できない場合、その単語をその中に配置する方法を決定 => 単語を文末に配置できない場合に単語を改行するかどうかを決定

ブレークオール: 強制的に配置され、残りのアイテムが押し込めない場合は、次の行に変更して表示します。

keep-all: 収まらない場合は別の行に表示し、それでも収まらない場合はオーバーフローを表示します。

ワードラップ: 行末が収まらない場合、ワード内での行の折り返しを許可するかどうかを決定します => ワード内での行の折り返し方法を決定します

通常: 単語が長すぎるため、1 行を超える場合は新しい行で表示されます。

単語の区切り: 単語が長すぎる場合は、最初に単語を区切るようにしてください。改行後もまだ長すぎるため、単語を区切ることもできます 。

1 つ添付: テキストを両端に揃えてください

属性: text-align:justify;

互換性: 非常に悪い

text-align:center;

text-align:justify;

参考ブログ投稿: http://www.alloyteam.com/2016/05/css-word-for-word-breaker-do-you-really- Understand/