css之使 html 内容牢不可破(一行)

我有一行由 input 和 span 组成的行，它们应该代表一个电话号码。将其插入到包含某些包含内容的列的表中会导致该行中断:

最后的输入被插入下一行。解决此问题的一种方法是设置固定的 td width 或 min-width。但是，为了任何 future 的元素，我想知道是否有一种方法可以在不触及 td 宽度的情况下使 html 内容牢不可破。感谢您提供任何信息。

请您参考如下方法:

将此 CSS 添加到 td

white-space: nowrap; 

这可以防止 HTML 的自动换行。有关详细信息，请参阅 MDN