Question

%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

更新：我在我的button_to中添加了:class => '.btn' 我的css中有.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/>

Answer 1

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

这正是CSS的用途：将设计细节保留在HTML之外。所以你可以拥有这样的CSS：

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

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

rails，view为button_to但不是link_to的换行

1 个答案: