在表单元格 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>

如何在不修改跨度显示样式的情况下使文本绕排？跨度当前无法更改，因为它是自动生成的。

谢谢！

Answer 1

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

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

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