使html内容牢不可破（在一行中）

Question

我有一行input和span s代表一个电话号码。将其插入到包含内容的某些列的表中会导致该行断开：

最后一个输入被推入下一行。解决此问题的一种方法是设置固定的td width或min-width。但是，为了任何未来的项目，我想知道有没有办法让html内容牢不可破，而不会触及td宽度。感谢您的任何信息。

Answer 1

将此CSS添加到td

white-space: nowrap;

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

Answer 2

添加

white-space: nowrap;

到你的css

Answer 3

使用white-space: nowrap可以完成工作。