CSS

Prevents layout breaks by automatically wrapping long words or URLs.

overflow-wrap

overflow-wrapは、とても長い単語やURLなどが画面の外にはみ出さないように、自動的に途中で改行できるようにするCSSプロパティです。

通常、英単語やURLなどが長すぎると、横にはみ出してレイアウトが崩れることがあります。これを防ぐために、overflow-wrap: break-word; を指定すると、必要な場合に途中で改行して、画面内に収めてくれます。

p {
	overflow-wrap: break-word;
}