html - 内容不占用其父元素的高度

Question

我有一个表，其中有几个包含链接的 td，现在问题是我的链接很长，所以我希望这些链接占据 td 的全宽，然后转到第二行，但它不起作用

演示

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

我尝试使用white-space:no-wrap;，并且在链接大小等于或小于 td 高度的情况下很好。但如果链接大小大于 td 大小，它也会扩展 td 宽度，这也是我不想要的。

演示后空白：无换行

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

在这种情况下，我希望剩余的链接地址转到第二行，而不是增加 div 的大小。

请帮帮我

Answer 1

尝试在样式表中添加分词：

td {
    word-break: break-all;
}