販促レポート
スマホサイト構築、突き抜ける長いURLを折り返しさせる方法
＜スマホサイト構築＞スマホサイトをコーディングする際、長いURLをアンカーテキストとして表記するケースだと、横幅から突き抜けてしまいデザインが崩れて困る場合があります。今回は、そんなお悩みを簡単に解決する方法をご紹介いたします。
スマホに変換されたサイトで長いＵＲＬをアンカーテキストとして表記する場合、幅が突き抜けてしまう事があります。
style="word-break:break-all"上記のようにstyleシートで指定すれば
長いURLがきちんと折り返され、横幅の範囲内に収まりました。とてもスッキリして良いですね。
もしCSSファイルが修正できるブログでしたら、あらかじめ下記のようなclassを割り当てても良いと思います。
.url {
word-break: break-all;
}≪こちらのエントリーもオススメです≫
スマホ、youtube動画のはみ出した横幅を修正する方法
RSSフィードで最新情報を提供しています。下記のURLをコピーしてお使いのRSSリーダーにご登録ください。
https://www.pqnavi.com/reports/viewall.rss