CSS在Commas上打破Word

Question

我试图打破一个基于逗号而不是空格的单词

我见过的解决方案包括将<wbr>标记添加到HTML中，但是，对于动态信息，我现在需要另一个脚本将其插入到HTML文本中，如果用户没有启用JS，对我没那么好。

截至目前，我正在使用以下组合：

white-space: break-word;
word-break: break-all;

它可以作为一个好的解决方案，但是，我找到的这两个解决方案（https://stackoverflow.com/a/15137272/1887101; break long-no-spaces-lines on commas, dots, hyphens or other special chars）已经超过3年 - 所以我想知道是否有更新的解决方案可用对于这个问题？

示例字符串：

  

C31C636363-Thermal，80mm，ReStick，Serial，A / C，PSIncluded，EDG

示例休息：

  

C31C636363-Thermal，80mm，ReStick，

     

串行，A / C，PSIncluded，EDG

Answer 1

  

我试图打破一个基于逗号而不是空格的单词

你做不到。 CSS不支持这一点。打破空间很难接线。

您别无选择，只能使用JS预处理内容，或者在逗号后插入零宽度空格，或者在服务器端执行此操作。