2006/07/21: 長いURLや長い半角文字の単語を折り返す方法
よくmixiやらBLOGやらなんやらで、凄く長いURLや凄く長い半角文字の単語とかを貼り付けたときに、URLが折り返されずにレイアウトがぐちゃぐちゃに崩れたりしていることがありますが、こういう問題の解決策がやっと見つかりました。
CSSで、
と書けば良いみたいです。
ちなみにこれが適用されるのは、IE5以上のみで、IEの独自仕様だそうなので、その他のブラウザでは折り返されないようです。
あと、word-breakに関してですが、他の設定は以下の通りです。
CSSでなくても良い場合は、他にもこんな解決方法があるようです。
トラックバックURL
CSSで、
word-break:break-all;
と書けば良いみたいです。
ちなみにこれが適用されるのは、IE5以上のみで、IEの独自仕様だそうなので、その他のブラウザでは折り返されないようです。
あと、word-breakに関してですが、他の設定は以下の通りです。
word-break:normal; /* デフォルト:英文のみ単語の切れ目で改行 */
word-break:break-all; /* 英文、和文共に単語の途中でも改行 */
word-break:keep-all; /* 英文、和文共に単語の切れ目で改行 */
CSSでなくても良い場合は、他にもこんな解決方法があるようです。