Question

button_to在HTML中导致换行符。我有found a workaround which will work，但这并不理想，因为按钮不是真正的按钮。有没有其他方法可以避免表格之前的换行？

以下是生成的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

仅影响button_to类及其内部div：

.button_to {
  display: inline;
}

.button_to div {
  display: inline;
}

Answer 2

button_to创建一个HTML＆lt;形式＆gt; element，是HTML中的块元素。如果您为表单提供类或ID，则构建css选择器以获取表单并使用：

form {
display: inline
}

Answer 3

从那里的某个地方得到它。令人高兴的是：

.button-to { display:inline-block;}

Answer 4

确保该div的CSS设置为

display: inline;

Answer 5

在Rails 3.2.3中，这些选项都不适用于我！我在http://www.deploymentzone.com/2011/12/07/button_to-urlhelpers-all-in-a-row/

找到了一个有效的解决方案

这是：

/* ./app/assets/stylesheets/button_to.css.scss */

form.button_to {
    margin:0;
    padding:0;
    display:inline;
}

form.button_to div, form.button_to div input {
    display:inline;
}

Answer 6

您仍然需要为div和表单指定内联。

div {
  display: inline;
}

.button-to {
  display: inline;
}

如果div中还指定了class =“button-to”，那会不会更好？或者我错过了什么？

Answer 7

button_to生成表格和按钮周围的div。因此，如果您不限制按钮之前的容器宽度，则按下按钮将占用宽度的100％。

<% @post.bids.each do |bid| %>
  <p>
    <div style="float: left; width: auto;"><%= bid.user.email %></div>   
    <%= button_to "Offer Bid", offer_bid_post_bid_path(@post, bid), :action => "offer_bid" %>
  </p>
<% end %>

HTML问题：之前导致换行的表单（Rails button_to）

7 个答案: