css - 文字扭曲属性“break-word”不适用于我的文字

我有此CSS代码：

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

我将此类应用于数据列表中表格内的表格单元：

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

但是它根本不会破坏单词！有什么帮助吗？

最佳答案

添加此：

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

Demo

关于css - 文字扭曲属性“break-word”不适用于我的文字，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20939898/