单词warp属性“break-word”对我的文本不起作用

Question

我有这个css代码：

.SubjectCell{
width: 300px;    
padding-left: 3em;
padding-right: 2em;
color: black;
font-size: 20px;
word-wrap:break-word;  }

我将这个类应用于我的datalist中的表格内的表格单元格：

<td class="SubjectCell">
<br />
<p>SOMEVERYVERYVERYVERYVERYVERYVERYVERYlongword</p>
</td>  

但它根本没有打破这些话！有什么帮助吗？

Answer 1

添加：

table {
    table-layout:fixed;
    width:100%;
}

Demo

Answer 2

将table-layout: fixed;添加到表格中。

jsfiddle： http://jsfiddle.net/P44X6/