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預處理內容，或者在逗號后插入零寬度空格，或者在服務器端執行此操作。