使html内容牢不可破(在一行中)

Prz*_*mek 18 html css html5

我有一条由inputs和spans组成的线,它代表一个电话号码.将其插入到包含内容的某些列的表中会导致该行断开:

折线

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

Sir*_*rko 35

将此CSS添加到td

white-space: nowrap;
Run Code Online (Sandbox Code Playgroud)

这可以防止HTML的自动换行.有关更多信息,请参阅MDN

  • 谢谢大家的快速反应,遗憾的是我只接受其中一个.我接受了@Sirko的一个,因为MDN的链接让这个答案更加完整. (2认同)

Dam*_*uid 14

white-space: nowrap;
Run Code Online (Sandbox Code Playgroud)

对你的CSS


Joe*_*Joe 13

使用white-space: nowrap应该完成工作.