livedoor ナレッジ

リンク部分の改行について

ブログを表示した状態で、ブラウザのウィンドウの幅を狭くしていくと、通常、記事はウィンドウ枠に合わせて改行されていくと思います。しかし、文字にリンクを貼った場合、その文字はウィンドウ枠を狭めても改行されずに、ウィンドウの枠からはみ出してしまいます（横にスクロールしないと全文が見られない状態）。あまり機会はありませんが、長い文章にリンクを貼った場合、これだと不便なので、対処法のご教授をお願いします。

リンクのテキストに、アドレスなどの英単語の組み合わせを使用して、リンクテキストが長くなった場合、インターネットエクスプローラー以外のブラウザでおきる現象のようです。

日本語をテキストにした場合、インターネットエクスプローラー以外のブラウザでも起こらないみたいです。


対処法としては、
・長くなるリンクテキストには<br />で改行をあらかじめ入れておく。
・極力長いリンクテキストは使わない。
・リンクテキストはなるべく日本語で。
・サイトのカラムのwidthを指定する事で固定して、ブラウザの幅を縮めてもカラムが小さくならないようにする

という対処法しかないかもしれません。

でも私が知らないだけで、ひょっとしたら良い方法がある可能性もあります。


関連した質問として、こちらが参考になるかもしれません。
http://knowledge.livedoor.com/818

ただ、word-breakというCSSはインターネットエクスプローラー独自の仕様で、インターネットエクスプローラー以外のブラウザには対応できないみたいで、頭の痛い問題です。

こちらも参考にされてみて下さい。
http://www.htmq.com/style/word-break.shtml