防止两个标签之间的<form>换行符</form>

Question

我希望防止两种表单之间的换行符。

基本上是这样的：

<form action="...">
<input type="submit" />
</form>
LINE BREAK HERE
<form action="...">
<input type="submit" />
</form>

我想删除换行符。我希望输入按钮位于同一行，如菜单。

Answer 1

form {
    display: inline;
}

Answer 2

我认为这是正确的解决方案：

form { display: inline-block; }

内联块值用于内联布局本机块级元素。这些元素仍然是块。

将元素的模型从块更改为内联是一个根本性的举措，因为它可能会混乱，具体取决于元素的内容。

对于这个特殊问题，使用inline-block是可行的方法。

Answer 3

或者：

form {
    float: left;
    margin-right: 5px;
}

Answer 4

如果显示：inline不起作用，可能是因为父元素的宽度太小而不能彼此相邻，这可能导致表单元素分成不同的行。尝试将此规则添加到包含两种形式的容器的样式中：

white-space: nowrap;

Answer 5

这仅在我将 < form style="display: inline-block;"/> 直接放入 html 时才对我有用。当我尝试将其放入样式表时：

.form
{display: inline-block;}

没用。我不得不把它放到 html 中。