CSS在Commas上打破Word

Question

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

我已经看到了包括将<wbr>标签添加到HTML中的解决方案,但是,对于动态信息,我现在需要另一个脚本将其插入到HTML文本中,如果用户没有启用JS,那么它对我来说并不是很好.

截至目前,我正在使用以下组合:

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

它可以作为一个好的解决方案,但是,我找到的这两个解决方案(/sf/answers/1059609071/ ; 在逗号,点,连字符或其他特殊字符上打破长 - 无空格行)超过3年 - 所以我想知道是否有更新的解决方案可用于此问题？

示例字符串:

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

样品休息:

C31C636363-Thermal,80mm,ReStick,

串行,A/C,PSIncluded,EDG

Answer 1

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

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

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