divから文字がはみ出ないようにするCSS

更新日:2019年8月30日

divに幅をちゃんと指定しているにも関わらず、何故か文字がdivの幅を突き抜けて表示されてしまうってことありませんか?
原因ですが、長文で英数字を使っている場合に起こる現象になります。恐らくその英数字を日本語に書き換えると突き抜けることはないかと思います。

だからといって英数字を日本語に書き換えて解決とはなりませんね。
それではdivから文字がはみ出ないようにするCSSですが、以下のように記述します。

.link_saki {
	word-break: break-all;
}

classの名前は任意です。
たった1行、この記述を付け加えてあげるだけでOK。

ハマるとwidthの指定の問題かな、floatを解除していないからかなと解決に意外に時間が掛かったりします。
文字がはみ出た際にはまずはこの記述を追記して解決するか試してみましょう。