html - 如何防止跨度位于行尾？

Question

假设我有一个段落元素，其中包含几种不同类型的跨度，这些跨度将 css 样式委托给类。如果我将数字与文本的其余部分包裹起来作为位置标记以便于参考，我怎么能不让这些数字出现在换行的末尾？

例如

1 This is some text that
wraps. 2 I don't want any
of these numbers 3 to end
up at the end of one of these
lines. For this example, 4
this number shouldn't be at
the end of the line.

抱歉，如果这有点草率，但这是我能想到的唯一描述方式。这些数字中的每一个都包含在其自己的跨度中，并为其提供了一个类名。我想找到正确的 css 或诸如此类的东西，以防止它成为行中的最后一个对象。

我考虑在数字跨度上使用一些右边距长度，然后在下一个文本跨度的开头添加一个负边距，但我希望这是一个可以涵盖所有情况的灵活解决方案。

谢谢

Answer 1

如果您在数字和第一个单词之间放置一个不间断空格 (  )，则浏览器将用下一个单词将其换行。像这样：（演示）

1 This is some text that wraps. 2 I don't want anyof these numbers 3 to end up at the end of one of these lines. For this example, 4 this number shouldn't be at the end of the line.