Warning: The magic method InvisibleReCaptcha\MchLib\Plugin\MchBasePublicPlugin::__wakeup() must have public visibility in /home/bge/boxlife.net/public_html/wp-content/plugins/invisible-recaptcha/includes/plugin/MchBasePublicPlugin.php on line 37
長いURLなどがはみ出さないようにするcssメモ - ライフボックス
WordPressブログはじめてみる?

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

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

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

やり方はいたって簡単!

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

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

before

after

簡単ですね。

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

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

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

モバイルバージョンを終了