CSS の「word-break: break-all」と「word-wrap: break-word」の違いは何ですか? 質問する

CSS の「word-break: break-all」と「word-wrap: break-word」の違いは何ですか? 質問する

「word-break: break-all」と「word-wrap: break-word」の違いは何ですか?

両方を使用した場合、コンテナに収まらない単語は壊れているようでした。しかし、なぜウィキペディアそれを実行する方法は2つありますか?

ベストアンサー1

word-wrap: break-word最近変更されたoverflow-wrap: break-word

  • 長い単語を次の行に折り返します。
  • さまざまな単語が途中で切れないように調整します。

word-break: break-all

  • 連続した単語であっても、複数の単語であっても、幅の制限の端で単語を分割します。(つまり、同じ単語の文字内でも)

したがって、コンテンツを動的に取得する固定サイズのスパンが多数ある場合は、 を使用する方がよいでしょうword-wrap: break-word。その場合、連続する単語のみがその間で分割され、多くの単語で構成される文の場合は、スペースが調整されて単語がそのまま取得されます (単語内での分割はありません)。

どちらでも構わないのであれば、どちらでも構いません。

おすすめ記事