ほりくり@ほりでぃWebクリエーター

文字がはみ出るのを防ぐ

投稿日:2013年3月11日

記事にURL等を貼り付けるとdivからはみ出てしまう場合がある。

word-break1

デフォルトでひとつの単語内では改行しないように設定されているためである。

これを回避するにはCSSでword-breakプロパティを変更する。

値をbreak-allにすることによって単語内でも折り返すようになる。

word-break2

参考サイト:http://www.htmq.com/css3/word-break.shtml