html - 为什么不能在带逗号的长字符串上打断单词？

Question

我有一个逗号分隔的长字符串，我正在尝试使用 css 样式的 word-wrap:break word 但它似乎不适用于没有空格的字符串。这是预期的吗？

我的表格是这样的:

<table class="table table-striped" style="margin-top:20px;background-color:#f2f2f2;">
  <tbody>
    <tr>
      <td width="150px" valign="top" style="white-space:nowrap;"><b>Favorite Activities:</b></td>
      <td width="50px" style="word-wrap:break-word;">some,really,really,long,long,string,with,out,any,spaces,just,a,comma,delimited,list</td>
    </tr>
  </tbody>
</table>

是否有任何解决方法？

Answer 1

word-wrap:break-word; 仍处于试验阶段，因此不同的浏览器可能支持也可能不支持。

如果可以，请在逗号后插入一个零宽度空格。在 Unicode 中是 U+200B，在 HTML 中是 ​。浏览器将根据需要在零宽度空间处拆分字符串。您可以在生成 HTML 的任何代码中执行此操作，或者编写一些 javascript 来自动插入字符。

另见 Wikipedia .