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

Question

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

This is the text
, This is a new line

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

Answer 1

如果您没有在单词和标点符号之间放置空格，并且无论如何都已包装，则可以使用white-space: nowrap; css 指令。否则，如果您需要在单词和标点符号之间留一个空格，例如在 a 之前?，请使用不间断空格代码。alt + 0160如果您使用的是 Windows，则可以通过在键盘上键入来获得它。有关更多键盘方法，请阅读此。

我希望它会有所帮助。

Answer 2

假设您的问题是由于逗号之前的一些空格符号而引起的，比如... text , This ...应该是什么时候... text, This ....

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

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