在table-cell div中打破单词

Question

我有以下小提琴：http://jsfiddle.net/nVWt5/，其结构如下：

<table style="table-layout:fixed">
<tr>
<td>
<span style="display:table-cell">
 <div style="word-wrap:break-word;">really_long_text_here_no_spaces</div>
</span>
</td>
</tr>
</table>

如何在不修改span的显示样式的情况下进行文本换行？由于自动生成，因此当前不能更改范围。

谢谢！

Answer 1

删除display:table-cell，因为它在这里没有任何用处，似乎阻止了包装。

span元素不能通过HTML规则包含div元素，因此您应该对标记执行某些操作。

请注意，与名称所暗示的相反，word-wrap:break-word不会处理单词;相反，它在不考虑人类语言规则的情况下机械地打破了字符串。