如何在 td 标签内水平放置表单

Question

我喜欢放置链接到不同 url 的按钮（这意味着我必须为每个按钮使用一个表单，以便操作可以包含不同的 url）。 问题是按钮在 td.我喜欢看到它们是水平的。有什么建议么？ td 标签中的 float:left 和 display:inline-block 不起作用。

<table><tr>
  <td>

    <form action = "page1.html">
      <button type="submit" name="btn1">btn1<button>
    </form>

    <form action = "page2.html">
      <button type="submit" name="btn2">btn2<button>
    </form>

  </td>
</tr>
</table>

Answer 1

我现在将 style="display:inline-block" 放在每个表单标签中，并将 style="white-space:nowrap" 放在 td.xml 中。它有效。

Answer 2

如果表格内有足够的空间，表格使用float: left 将起作用，因此您必须使表格宽度比两个表格内容的组合宽度更宽。

CSS：

table {
  width: 100%;
}

form {
  float: left;
}

这是一个工作示例：

https://jsfiddle.net/11x6art9/1/