長～いURLによるカラム落ち、に対処する - Archiva

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 長いURL(半角英数字）を強制改行させるには、CSSで「word-break: break-all;」を指定すれば良い。これはIEの独自拡張で、IE5.0から対応しています。 通常のボックス要素の場合だと、Opera/firefoxではボックスを突き破りはしても、ボックスを拡張したりはしない。 幅が指定されたボックス要素を拡張してしまうのはIEのバグなので、通常は「word-break: break-all;」で大きな問題は無いです。（レイアウトが崩れない、て意味ね） ただし、table要素に詰まっていると、ややこしくなります。table要素は特殊なブロック要素で、中

[Cherenkov]

IE word-break: break-all; ul li リンク 長い バグ table

[ux-div]

長いURL、CSS

[julia28df]

カラム落ち

[kiyokichi]

　対処法まとめを書いてくれてる。とん！

[ladybug_1103]

...長い半角英数字を強制改行

[sakaki0214]

firefox で連続した英数字が自動改行されない

[dealforest]

長いURLによるカラム落ち対処

[muryou3]

word-break:break-all;と独自拡張CSSとか

[konaze]

（移転）

[picnicgraphic]

「自分のサイトで使う分には<pre>タグ＋独自拡張タグで十分ですけどね」

[retlet]

IEでのカラム落ち

[topaz2]

word-break: break-all は標準に加えてもいいんじゃねと思った。