長いURLなどがはみ出さないようにするcssメモ

ブログなどでリンクを紹介したい場合などにURLを記載したりすることがあると思うのですが、長いURLだとはみ出してレイアウトが崩れちゃう・・・なんて経験ありませんか?

そんなはみ出しちゃうURLを一発でなおしてくれちゃうcssがあったので自分メモ。

やり方はいたって簡単!

bodyなど任意のcssを効かせたい場所に下記をいれるだけ。

body{
  word-wrap: break-word;
}

before
bc5041816fcfad1b5ff3caa5fc0ceee7

after
c4d4124be0b50db4c5070606b811a77c

簡単ですね。

SPONSORLINK

\インスタグラムでワンダーデバイス生活の写真を公開中!/