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

Question

假设我有一个段落元素，其中包含几种不同类型的跨度，这些跨度将 css 样式委托(delegate)给类。如果我将数字与文本的其余部分一起包装起来用作位置标记以便于引用，我如何才能避免这些数字出现在包装线的末尾？

例如

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 或诸如此类的东西，以防止它成为行中的最后一个对象。

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

谢谢

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.