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

新手上路,请多包涵

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

折线

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

原文由 Przemek 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 221
2 个回答

将此 CSS 添加到 td

 white-space: nowrap;

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

原文由 Sirko 发布,翻译遵循 CC BY-SA 3.0 许可协议

添加

white-space: nowrap;

到你的CSS

原文由 Dampsquid 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题