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

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; }

演示