販促レポート

2013/06/29 IT技術テク

スマホサイト構築、突き抜ける長いURLを折り返しさせる方法

<スマホサイト構築>スマホサイトをコーディングする際、長い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

お問い合わせ

名入れのことなど、
なんでもお気軽にお問い合わせください。

電話:
045-900-2012
受付時間:
平日9:30~17:00

時間外・土日祝日のお問い合わせは、翌営業日以降
順次ご連絡させていただきます。ネット注文24時間受付

カテゴリ一覧

ページトップへ