当到达浏览器边缘时，javascript或css将跨距分组而不将其分离

所以我们有三个跨度和一个父跨度

<span id="parent"><span1></span><span2></span><span3></span></span>

当其中一个跨距到达浏览器的右端时，它会向下移动，将其兄弟跨距留在后面。这里有没有什么诀窍可以让这些跨距保持在一起，如果一个跨距向下移动，其他跨距也会随之移动？谢谢

#parent {
    white-space: nowrap;
}