内容不占用它的父元素的高度

Question

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

演示

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

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

演示白色空间后：无包装

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

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

请帮帮我

Answer 1

尝试将word-break添加到样式表中：

td {
    word-break: break-all;
}