長いURLや英数字を範囲内で折り返し表示したい時に使うCSSプロパティ

newspaper-154444_640

文字列を表示するときに長いURLや英数字だと枠をはみ出してしまうことがよくあります。当然デザインとして汚いので対処する必要があるのですが、下記CSSを適用させることで枠からはみ出すのを回避することができますのでお試しあれ!

//クラス名は適用させたい箇所にあわせて適当に変更してください
.word_wrap {
	word-wrap: break-word;
	word-break: break-all;
}

ブラウザによって表示が変わらない場合もあるけどそれはそれでしょうがないっと!(笑)

コメントを残す