如何防止CSS或jQuery中的单词和标点符号之间的换行符

Question

我在段落中有一些文字。 我的问题是，当标点符号位于单词的末尾时，它有时会被包装到下一行。 像这样：

This is the text
, This is a new line

我可以用CSS或jQuery解决这个问题吗？

Answer 1

如果您没有在单词和标点符号之间放置空格，并且无论如何它都被包装，您可以使用white-space: nowrap; css instruction。否则，如果您需要在单词和标点符号之间留出空格，就像在?之前一样，请使用不间断的空格代码。如果您使用的是Windows，则可以在键盘上键入alt + 0160。有关更多键盘方法，请阅读this。

我希望它会有所帮助。

Answer 2

假设您的问题因逗号之前的某个空格符号而上升，例如... text , This ...应该是... text, This ....

至少这是我能看到的唯一原因。如果您要查看this小提琴，您会发现第三个<p>中的文字永远不会像您提到的那样包裹。 （您可能需要为浏览器选择不同的宽度。上面的示例适用于Chrome，但对于Firefox宽度则略有不同）

因此，只需确保文本和逗号之间没有空格。