Question

我喜欢放置链接到不同网址的按钮（这意味着我必须在每个按钮上使用一个表单，以便操作可以包含不同的网址）。问题是按钮在td内显示为垂直。我喜欢看到它们是水平的。有什么建议？ float：left和display：td标记中的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

如果表格中有足够的空间，则使用float: left表格将起作用，因此您必须使表格宽度宽于2表格内容的组合宽度。

CSS：

table {
  width: 100%;
}

form {
  float: left;
}

这是一个有效的例子：

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

Answer 2

我现在在每个表单标签中放置了style =“display：inline-block”，并在td中使用了style =“white-space：nowrap”。它有效。

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

2 个答案: