Css 在html div中用逗号而不是空格包装单词

我需要使用逗号（，）包装文本。是否有任何方法可以使用CSS或其他

Nomal A1, High A2(4), Low A3 

如果空间不够，应该这样包装，逗号应该是唯一的包装位置

Nomal A1, High A2(4),
Low A3   

这不应该像这样包装

Nomal A1, High A2(4), Low
A3

虽然CSS有一个属性，但没有基于字符的换行选项。一般来说，CSS仅限于样式

---

您需要使用一种客户端技术来实现这一点，该技术能够感知视口，并可以操作DOM，即JavaScript。

将每一对封装在跨距中，并设置它们的样式，使其不会断裂，就像这样

Html

或者，您可以在要粘在一起的每对单词之间呈现一个不间断的空格（

）。我更喜欢我提出的第一个想法，它更干净

Nomal A1, High A2(4), Low A3

---

它有点难看，但代码更少

最安全的方法是使用（从未达到任何规格，但始终是最可靠的方法）：

正常A1，高A2（4），低A3

---

使用稍微详细一点的

span

标记和CSS代码

空白：nowrap

几乎同样可靠，但自然会失败，例如当浏览器中禁用CSS支持时。

第二个想法的问题是，它不能阻止IE在开始插入括号之前中断（“。谢谢你的想法。我的问题的简单解决方案谢谢你的回复。我用你的建议解决了我的问题。这对我来说效果很好。低估了答案。效果很好。我不得不在每一组

标记之后使用

来将它们放在不同的行上。

.paired-text span{ white-space: nowrap; }

Nomal A1, High A2(4), Low A3

<nobr>Nomal A1,</nobr> <nobr>High A2(4),</nobr> <nobr>Low A3</nobr>