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

x7yiwoj4  于 2022-12-16  发布在  其他
关注(0)|答案(4)|浏览(116)

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

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

brccelvz

brccelvz1#

将此CSS添加到td

white-space: nowrap;

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

uplii1fm

uplii1fm2#

white-space: nowrap;

到您的CSS

rbl8hiat

rbl8hiat3#

使用white-space: nowrap应该可以完成这项工作。

pkbketx9

pkbketx94#

在bootstrap中它是text-nowrap类。

相关问题