html表格空白: nowrap not working?

Question

我有一个 KnockoutJS 模板，它创建一个 input[type=text] 和一个 select 彼此相邻，没有 <br/>中间。然而，它在 white-space: nowrap; 之间设置了一个换行符我目前正在使用 Chrome 进行测试。

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 在 block 级显示 这将迫使他们进入“新行”，而不是显示 inline 并遵循预期的 nowrap 行为

Demo Fiddle