html - 为什么固定表格布局 td 字不换行？

Question

我有一个表格，其中填充了不同长度的文本。我已将 table-layout css 属性设置为 fixed，因为它会不断将表格推到其父级之外，从而创建水平滚动条。

我希望我的 td 恰好是表的一半，这将是它的父表的完整大小。我希望我的文本包含在 td 中。这是它的样子:

我希望文本绕行 20 左右，这样它就不会与其他文本重叠。我不能使用 <br /> .

这是一个JSFiddle的问题。

Answer 1

您可以在 p 上使用 word-wrap: break-word。它在您的 jsFiddle 中工作，并且与 Microsoft 开发的 IE 兼容。