販促レポート：スマホサイト構築、突き抜ける長いURLを折り返しさせる方法 【販促ノベルティ卸売りセンター】

投稿日：2013/06/29　カテゴリ： IT技術テク

スマホに変換されたサイトで長いＵＲＬをアンカーテキストとして表記する場合、幅が突き抜けてしまう事があります。



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

• [特別企画] アウトレット・在庫売切廃盤
• フォトフレーム・フォトスタンド
• オフィス用品・事務用品・文具・電卓
• ノート・メモ・付箋（ふせん）・手帳
• ボールペン・筆記具（国内メーカー品）
• ボールペン・筆記具（ノンブランド品）
• PC周辺グッズ・マウス・USB・AV機器
• スマホスタンド・スマホ充電器・タッチペン
• クロック・記念時計・腕時計・温湿度計
• 生活雑貨・収納雑貨・掛時計・ブランケット
• 掃除用品・家事用品・工具・メジャー
• キッチン・鍋・調理用品・電気ケトル
• タンブラー・グラス・湯呑み・マグカップ
• ボトル・マグボトル・弁当箱・箸
• アウトドア・スポーツ・カー用品
• LEDライト・ダイナモライト・ランタン
• 非常持出しセット・保存食・保存水
• 防災グッズ・防犯グッズ・救急セット
• キャラクターグッズ・玩具・お子様文具
• ビューティ・エチケット・トラベル用品
• 除菌・ヘルスケア・フィットネス・歩数計
• アロマ・芳香・栽培セット・生花/造花
• エコバッグ・トートバッグ
• エコバッグ・トートバッグ（横マチ付き）
• 折り畳みバッグ
• 多機能バッグ（保冷・保温、ポケット付き）
• 巾着・リュック・ショルダートート
• ポーチ・ペンケース・ビジネス・PRバッグ
• カードケース・財布・キーホルダー
• 傘・和風傘・折りたたみ傘・レインコート
• 名入れタオル・風呂敷・マフラータオル
• タオルギフト・バスタオル・ハンドタオル
• 食品ギフト・食品ノベルティ・お米・お菓子
• イベント景品・抽選グッズ・ばらまき食品
• 記念品・贈答品・クリスタル・洗剤ギフト
• 粗品（石鹸、ソープ、入浴剤、マスク）
• 粗品（ティッシュ、ふきん、ラップ、容器）

スペシャルカテゴリ／各種イベント

プライスカテゴリ／価格別

• 50円以下のばらまきノベルティ
• 100円以下のノベルティグッズ
• 200円以下のノベルティグッズ
• 300円以下のノベルティグッズ
• 400円以下のノベルティグッズ
• 500円以下のノベルティグッズ
• 1,000円以下のノベルティグッズ
• 2,000円以下のノベルティグッズ
• 3,000円以下のノベルティグッズ
• 3,000円以上のノベルティグッズ