html表white-space：nowrap无法正常工作？

Question

我有一个KnockoutJS模板，可以创建一个输入[type = text]和一个彼此相邻的选择，其间没有<br/>。然而，即使我正在使用chrome进行white-space: nowrap;测试，它也会进行换行。

CSS：

table.grid tbody tr td {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    vertical-align: top;
}

问题：为什么white-space: nowrap;无效？是否有解决方法或解决方法？

Answer 1

如上所述，这可能是由于input和/或select个元素设置为使用display:block在块级别显示，这将强制它们进入'新行'而不是显示inline并继续预测nowrap行为

Demo Fiddle

Answer 2

我的div内有一个td。 div内部有2个button。即使将white-space:nowrap，display:inline-block和position:relative应用于它仍然包装的所有这些元素。

对我来说，诀窍是从另一个类中删除一个应用于按钮的float:left ，因为它“有点力量”，浏览器可以充当那些元素是display:block。