HTML :表单导致前行中断(Rails button_to)

Question

在HTML中，button_to会在它之前造成一个行中断。我有找到了一个可行的方法，但并不理想，因为按钮不是真正的按钮。还有什么其他方法可以避免表单前的断线吗？

下面是生成的HTML

<a href="/last_page">Back</a> | 
<form method="post" action="/next_page" class="button-to">
<div><input type="submit" value="Continue" /></div>
</form>

来自CSS端或Rails端的任何帮助都会非常有用！

Answer 1

确保该div的CSS设置为

display: inline;

Answer 2

仅影响button_to类及其内部div：

.button_to {
  display: inline;
}

.button_to div {
  display: inline;
}

Answer 3

button_to创建一个HTML < form >元素，它是HTML中的一个块元素。如果为表单提供类或id，则构建css选择器以获取表单并使用：

form {
display: inline
}