如何防止元素在表格单元格中分成不同的行

Question

我有这样的结构：

<table>
  <tr>
    <td>
      <div>
         <input type="text" placeholder="Enter your name""/>
         <input type="button" value ="save"/>
      </div>
    </td>
  </tr>
</table>

我的问题是，无论窗口如何调整大小，我都希望始终将这两个输入保持在同一行。 AND这两个输入占用表格单元格的所有空格。按钮是固定大小，而如果表格单元格增长，文本输入可能会变长。 谢谢。

Answer 1

尝试

div { white-space: nowrap; }

DEMO