空があんなに高い
歌って踊れるプログラマーを目指して

プロフィール
どんぱん
Author: どんぱん

最近の記事とコメント
トラックバックリスト
カテゴリ
ユーザータグ
過去ログ
メールフォーム

長いURLを折りたたむ方法

長いURLがあると記事の横幅が広がってしまうのを、適当に改行してくれる方法はないだろうか。
≫長いURLの表示
広がって困るのはIE6とSafari。Firefoxでは「/」のあたりで折りたたんで表示されたので、問題なし。

解1: 改行してもいい場所に<wbr>タグを挿入しておく。
「/」の後に<wbr>を入れてみる:
http://www.tekitou.tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/index.html

解2: CSSでword-break: break-all;を指定する。
<font style="word-break: break-all;"></font>で囲んでみる:
http://www.tekitou.tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/tekitou/index.html
IE6、Safariでは単語の途中でも折りたたんだ。Firefoxは単語の端で折りたたんだ。

参考: 長い文字列の改行方法 - wbr, &shy;, css - World Wide Walker
関連記事
スポンサーサイト





※任意
※任意


※入れておくと後で編集できます
管理者のみ閲覧可

help

この記事のトラックバックURL:
カレンダー
2019/11
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
ページナビ
twitter
スケジュール
ピンイン入力
四声数字を四声記号に変換します
(a,e,i,o,u,v(=ü); 1,2,3,4)

リンク集
Copyright 2019 空があんなに高い Some rights reserved.
Photo by Rain Drop // Template by chocolat* // Powered by FC2