結局テキストの折り返しってどの指定をすればいいの？ - Qiita

これは何 CSS Advent Calendar 2022の参加記事です！ CSSでテキストの折り返し指定をする時に毎回「結局何を指定すればいいんだっけ..」と悩むので、折り返し指定について改めて調べてまとめました。 そもそもなぜ折り返し指定が必要なのか ボックスやブラウザサイズに対して溢れるようなテキストがある時に、表示崩れの原因になるためです。 例えば横幅375pxのスマートフォンでサイトを閲覧していて、それよりも長いテキストが折り返されずに表示された場合、不要な横スクロールが発生したりテキスト全体を表示させるために画面が小さく表示されてしまうことがあります。 そのため、ブラウザのデフォルトの改行規則では改行されないテキストが入り得る箇所には折り返しの指定をする必要があります。 デフォルトの改行規則 では、デフォルトの改行規則ではテキストの折り返しがどのようになるのかを見ていきます。

[winterfall]

“overflow-wrap: break-word;”