Rails:如何使"button_to"按钮出现在同一行(没有换行符)？

Question

我有一个block -iterator来显示用户以及每次迭代要在同一行显示的相关操作？
您可以像这样形象化: -

user1  update_attribute_button
user2  update_attribute_button.
...
and so on.

但是,如果我使用button_to方法,则按钮将显示在换行符上.我不想要.我的代码片段: -

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

但是使用上面的代码,'email'和'offer bid'出现在两行中,但我希望将它们显示为成对,每一对出现在一行上.

我可以使用'link_to'来实现它.
如果我使用'link_to'而不是'button_to',我可以实现我的想法,但无法用button_to来实现.为什么link_to和button_to之间存在差异.
我想仅将"优惠出价"显示为按钮.
现在,如何使button_to buttin出现在与'email'相同的行上.

如果问题的描述不清楚,请告诉我.提前致谢.

Answer 1

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 %>

Answer 2

button_to渲染到表单标签，所以我只是更改了 CSS 以确保表单标签不会创建新行。

但要将其仅应用于特定的表单标签，请添加form_class: "myButton"如下内容。

在你的something.html.erb中

<%= button_to "Offer Bid", offer_bid_post_bid_path(@post, bid), :action => "offer_bid", form_class: "myButton">

把这个放在你的application.css

myButton {
    display: inline;
}