HOME

長いURL,英数字記載でのHPレイアウト崩れを防ぐ

長いURLや長い英数字の羅列をホームページに記載すると文字列が改行されずテーブルやボックスが延々横長になりレイアウトが崩れるのでその対応。

改行してほしい文字に<wbr>タグをいくつか挿入する

例えば長いURLの適当な所に<wbr>を挿入し
http://7go.biz/cgi.php?mode123456789=view&<wbr>type=entry&<wbr>type2=entry
とすると、

幅350pxのテーブル

http://7go.biz/cgi.php?mode123456789=view&type=entry&type2=entry

レイアウトが崩れない適当でしかも必要な場所で折り返されます。

しかもコピーしても<wbr>は文字列に含まれないので便利。

ただし、『<wbr>タグとは、<nobr>タグと組み合わせて用い、必要な時には改行を入れても良い場所を定義するタグです。基本的には一行で表示れますが、ブラウザの表示領域を越える場合は、<wbr>タグで指定された位置で改行されるようになります。ただし、このタグは拡張機能であり、HTMLやXHTMLの標準には含まれていません。』とありますので注意。