为什么固定的表格布局td单词没有包装？

Question

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

我希望我的td正好是桌子的一半，它将是它的父级的全尺寸。我希望我的文本包含在td中。这是它的样子：

我希望文本环绕20，因此它不会与其他文本重叠。我不能使用<br />。

这是问题的JSFiddle。

Answer 1

您可以在word-wrap: break-word上使用p。它适用于你的jsFiddle，它与微软开发的IE兼容。

Answer 2

当您将容器宽度设置得更小时，尝试增加容器宽度Check JSFiddle for demo，宽度250将打破到确切的20位置。

#container
{
    width: 250px;
}
p
{
 word-wrap: break-word
 }

Answer 3

它没有破坏的原因是因为字符串中没有空格。只要您为该组数字添加空格，它就会中断。因此，解决此问题的一种方法是将word-wrap:break-work分配给p选择器。