ブログなどでリンクを紹介したい場合などにURLを記載したりすることがあると思うのですが、長いURLだとはみ出してレイアウトが崩れちゃう・・・なんて経験ありませんか？
そんなはみ出しちゃうURLを一発でなおしてくれちゃうcssがあったので自分メモ。
やり方はいたって簡単！
bodyなど任意のcssを効かせたい場所に下記をいれるだけ。
[css]body{word-wrap: break-word;
}[/css]
before
↓
after
簡単ですね。
長いURLなどがはみ出さないようにするcssメモ
word-wrap: break-word;
}[/css]
