如何保持距离线的末端？

Question

假设我有一个包含几种不同类型跨度的段落元素，它们将css样式委托给类。如果我将数字包含在文本的其余部分作为地方标记以便于参考，我怎么能保持这些数字不在包装线的末尾？

E.g。

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

如果在数字和第一个单词之间放置一个非中断空格（ ），则浏览器将使用下一个单词将其换行。像这样：（demo）

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.