屏幕大小调整时如何避免元素分离

Question

我正在做一个网站。我有一些像<span>这样的元素，我在其中放了一些文字。我的问题是当我调整页面大小时，某些元素被“分开”：

句子：

I am a long and infinite sentence !

调整页面大小时（此处，当我们通过单击Web浏览器侧面以最小宽度缩小时：

I
am
a
long
and
infinite
sentence
!

我们可以避免在CSS / HTML中调整此特定字符串的大小吗？

Answer 1

如果您希望将特定单词保持在一起，则可以使用不间断的空格： 

例如，infinite sentence不分为两行。

Answer 2

使用以下css：

span {
    white-space: nowrap;
}

Answer 3

你可以设置css属性white-space：nowrap;