固定表格布局td单词不包装

Cal*_*cet 5 html css html-table tablelayout

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

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

在此输入图像描述

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

这里是一个的jsfiddle的问题.

编辑:Nick Beranek回答了这个问题,但我正在寻找发生这种情况的原因.当<br />标签不在这样的表中时,默认情况下会自动换行而不添加CSS.有人可以向我解释为什么它在这种情况下不起作用?

Nic*_*nek 9

你可以使用word-wrap: break-wordp.它适用于你的jsFiddle,它与微软开发的IE兼容.