Rails:如何使“button_to”按钮出现在sameline上(没有换行符)?

用于生成窗体和按钮周围的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 %>

这与rails无关,而是与web浏览器的呈现方式有关。

按钮是创建具有不可见字段的窗体的一种方便方法。如果希望表单与电子邮件地址位于同一行,则需要将其放入容器(通常是div)中,将div设置为向左浮动并隐藏溢出。

button_to 呈现为表单标记,所以我只是更改了CSS以确保表单标记不会创建新行。

但是要将它只应用于特定的表单标记,请添加 form_class: "myButton" 见下文。

在something.html.erb中

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

把这个放在你的 application.css

myButton {
    display: inline;
}