こんにちは、なかわけです。 今日は仕事中にすごいいい情報を手に入れました。今日1日の価値はかなり高いです。 ウェブデザイナーのほとんどの人が悩んだことがあるんじゃないでしょうか。長いURLを表示したときにレイアウトが崩れてしまう症状。ほぼ全てのブラウザでレイアウトを崩す長いURLですが、今日イチバンいいと思われる回避策を発見しました。 行う作業はIE用の処理とそれ以外のブラウザ(Gecko系)用の処理の2つです。 まず、IE用の処理としてIE独自のCSSプロパティ word-break を設定します。html全体もしくは適応箇所に を設定すれば、親要素の幅内で自動的に改行(折り返し)してくれます。(IE独自のCSSプロパティというところがシャクな気がしますがこれがもっとも簡単安定したものと思います) 次にGecko系用の処理ですが、これがすごい!サーバにアップしてリンクするだけでできちゃう