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

Remove display:table-cell，因为它在这里没有任何用处，并且似乎可以防止包装。

一个span元素不能包含一个divHTML 规则的元素，所以你真的应该对标记做点什么。

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