CSS歇字的逗号

我试图打破基于逗号，而不是空格CSS歇字的逗号

我已经看到，包括加入<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热，80毫米，ReStick，串行，A/C，PSIncluded，EDG

样品断裂：

C31C636363热，80毫米，ReStick，

Serial，A/C，PSIncluded，EDG

来源

2016-09-22 Adjit

你可以试试'word-wrap：break-word;'可能或不适合你。 – Illdapt

AFAIK在空间上打破了硬连线，其中“空格”包含零宽度空格等内容。你能给出一个涉及逗号的字符串的例子，以及你想如何破解它吗？这里有一个[可能相关的帖子]（http://stackoverflow.com/questions/12574538/why-doesnt-break-word-work-on-a-long-string-with-commas）。 – 2016-09-22 17:20:04

@torazaburo增加了一个例子。没有其他的零宽度空间或任何添加到它的东西，只是一个带逗号的简单字符串。 – Adjit

我试图打破基于逗号，而不是空格

你不能一个字。 CSS不支持。打破空间是硬连线。

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

来源

2016-09-22 18:23:57

是的，我猜。我的意思是说实话，我大概可以用一个单线程正则表达式来完成这个工作，只是增加一个空间，现在就考虑它。对于数据库字符串限制，我们创建的产品描述没有任何空格......只是逗号，所以如果有一个很好的CSS解决方案，它会非常棒。 – Adjit

CSS歇字的逗号

回答

相关问题