CSS在Commas上打破Word

Question

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

我已经看到了解决方案，包括将<wbr>标签添加到HTML中，但是，对于动态信息，现在我需要另一个脚本将其插入到HTML文本中，如果用户没有启用JS，则不会真正做到我很好。

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

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

它可以作为一个好的解决方案，但是，我找到的这两个解决方案（ https://stackoverflow.com/a/15137272/1887101 ; 在逗号，点，连字符或其他特殊字符上打破长 - 无空格行 ）超过3年 - 所以我想知道是否有更新的解决方案可用于此问题？

示例字符串：

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

样品休息：

C31C636363-Thermal，80mm，ReStick，

串行，A / C，PSIncluded，EDG

Answer 1

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

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

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