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

SPONSORLINK

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

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

やり方はいたって簡単!

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

[css]body{
  word-wrap: break-word;
}[/css]

before
bc5041816fcfad1b5ff3caa5fc0ceee7

after
c4d4124be0b50db4c5070606b811a77c

簡単ですね。

SPONSORLINK

シェアしてくれたらうれしー。

このサイで使っているWordPressテーマ
「STORK19」

当ブログはWordPressを使用して作られています。そしてデザインテンプレートはSTORK19を使用しています。

ABOUT US

矢野キチ
フリーランスのWEB屋です。このブログでは「自由に生きる」をテーマに生活の中で思ったことをザクザク書いていきます。身体的特徴としては目が細いので、ゴミがあまり目に入らないので人生得しています。