CSS/JS - 强制在逗号分隔列表中的逗号处换行答案

【问题标题】：CSS/JS - Force a line break at a comma in comma separated listCSS/JS - 强制在逗号分隔列表中的逗号处换行
【发布时间】：2015-01-22 10:32:21
【问题描述】：

我有一个表格单元格，其中包含格式为“X-XXXX”的飞机注册号列表。表格单元格的宽度意味着列表在连字符上自动换行，如下所示：

G-ABCD,G-
EFGH,G-
IJKL

我想发生的是，换行符被强制使用逗号：

G-ABCD,
G-EFGH,
G-IJKL

但是，我无法插入任何特殊字符。这是因为在提交表单时，表中的数据以 JSON 格式提交，然后在 PHP 中进行 json_decode。逗号分隔字符串中的任何特殊字符都会阻止 json_decode 函数将其转换为数组。

所以我真的需要一个无论如何都不会改变列表的解决方案吗？听起来不可能……

【问题讨论】：

在这里使用不间断的连字符&#8209; 是一个解决方案吗？
...每个尾号不应该在一个单独的单元格中吗？
每一行代表一个零件 - 然后这个单元格列出了所有使用该零件的飞机，因此单独的单元格不是一个选项。
我在使用 ‑ 等特殊字符时遇到的问题是我需要在 datatables.editor 执行 .join 时插入它们。如果我使用特殊字符，当我执行 json_encode 时，我会得到字段："G-ABCD,‑,"G-EFGH‑," 我真的需要字段：["G-ABCD"," G-EFGH"]
能否影响单元格/列的宽度。如果你把它缩小，它会在逗号之后强制换行，不是吗？

【解决方案1】：

要强制换行，请使用<br> 标签。如果您无法在 HTML 标记中添加它，请使用 JavaScript 添加它。

这回答了所提出的问题。实际问题可能有所不同。您需要发布更多代码并以不同的方式要求解决它。上下文是什么，限制是什么，你真正想要做什么？（从 cmets 中的讨论来看，您似乎更希望 prevent 在连字符后换行，而不是 force 任何换行符。）

【讨论】：