3 
%p
  %br
  %span.footer_links
    = link_to 'Edit', edit_link_path(@link)
    = link_to 'Edit', edit_link_path(@link)
    = button_to 'Delete', @link, :confirm => 'Are you sure?', :method => :delete
    = button_to 'Delete', @link, :confirm => 'Are you sure?', :method => :delete
    pppppp

在同一行上生成“编辑”链接，但在不同行上删除按钮，例如

      edit  edit
      delete
      delete

（每个两个用于强调换行符）

我怎样才能在 1 行上获得以上所有内容，如下所示：

edit edit [delete] [delete]

我这样做是因为我需要改变我link_to, :method => :delete的:button_to's

更新：我在我的 css 中添加:class => '.btn'了我的 button_to ，.btn { display: inline; }但它没有帮助。

<p>
<br/>
<span class="footer_links">
<a href="/links/354/edit">Edit</a>
 | 
</span>
</p>
<form method="post" action="/links/354" class="button_to">
<div>
<input name="_method" type="hidden" value="delete"/>
<input class=".btn" data-confirm="Are you sure?" type="submit" value="Delete"/>
<input name="authenticity_token" type="hidden" value="MvN6K03y5WcqSZRt4Au3zj+xsKhfZ9EEtkf2M7YCGhk="/>
</div>
</form>
<p/>
4

1 回答 1

2

奇怪，因为a生成者link_to和input生成者button_to都应该是内联元素。

不过，这正是 CSS 的用途：将设计细节排除在 HTML 之外。所以你可以有这样的 CSS：

.footer_links a, .footer_links input {
  display: inline;
  padding-right: 1em;
}

[有用的编辑 - 也来自 Buck - 您可以使用 :form_class 然后将表单和其中的 div 设置为内联样式。]

于 2012-06-01T00:25:39.363 回答