html - 在表格单元格 div 中打断单词

Question

我有以下 fiddle :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，因为它在这里没有任何用处，而且似乎可以防止换行。

根据 HTML 规则，span 元素不能包含 div 元素，因此您确实应该对标记做一些事情。

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