販促ノベルティ卸売りセンター

販促レポート

2013/06/29　IT技術テク

スマホサイト構築、突き抜ける長い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

 

販促レポートは、特集記事や販売促進コラム、オフィスでの問題解決など、皆さんのビジネスに少しでも役立つ情報をお届け。編集長の弊社代表と様々な分野で活躍する若手ライター陣によって、2008年より地道に運営されております。

★このページを友達に伝えよう：

このレポートに関連するノベルティ素材

販促レポートバックナンバー

★関連エントリー：

• ＜パワーポイント＞ 一瞬で目次スライドを作成する便利ワザ
• GmailとGoogleカレンダーを連携！予定を自動登録する方法
• ＜Windows＞ メールアドレスのリンクをGmailで開く方法
• 検索順位に影響を与える「ネガティブSEO」とは？よくある手口と対処法
• 検索上位表示に効果あり！SEOワードを正しく選定する方法
• https化したのに「情報、または保護されていない通信」となる状態の対処法
• 重要！WEBサイトの全ページ「https化」はお済みですか？

カテゴリ：＜IT技術テク＞ の一覧

[お探しの検索ワードはコチラですか？]

粗品（クリーナー） ｜ のぼり旗 ｜ ステープラー ｜ スクエアバッグ ｜ タオルハンカチギフト ｜ 電池 ｜ 帰宅困難 ｜ モップ