CSS

A property that allows long words or URLs to break and wrap onto the next line.

word-wrap

文章や単語がとても長くて、ボックスの幅を超えてしまうと、レイアウトが崩れてしまうことがあります。

そんなときに便利なのが word-wrap です。

word-wrap: break-word; を使うと、あまりにも長い単語やURLなどを途中で改行して表示してくれます。これにより、コンテンツがボックスからはみ出すのを防げます。

特に、スマホなど画面が狭い場合に効果的です。