html - コンテンツが親要素の高さをとっていません

Question

リンクを含む td がいくつかあるテーブルがあります。問題は、リンクが非常に長いことです。リンクが td の全幅を取り、2 行目に移動するようにしたいのですが、機能しません。

デモ

http://jsfiddle.net/6pyxB/1/

使っwhite-space:no-wrap;てみたところ、リンクサイズがtd高さ以下の場合は問題ありません。しかし、リンクサイズが td サイズより大きい場合、td 幅も拡張されますが、これは望ましくありません。

white-space:no-wrap 後のデモ

http://jsfiddle.net/6pyxB/2/

この場合、div のサイズを大きくする代わりに、残りのリンク アドレスを 2 行目に移動する必要があります。

私を助けてください

Answer 1

スタイルシートに単語区切りを追加してみてください。

td {
    word-break: break-all;
}