Rails 如何让 Link 到 + 图标都在同一行且可点击

Question

我想这样做，以便我在同一行上有注销图标和 link 以注销，并且具有相同的可点击 link。

如果我这样做：

<li>
  <span><i class="fa fa-sign-out"></i> <%= link_to "Sign Out", destroy_user_session_path, method: :delete %></span>
</li>

我将图标放在单独的一行上，但无法点击该图标进入 link。

这就是我登录的方式，因为我有一个获取/登录页面：

<li>
  <a href="/login">
   <i class="fa fa-user"></i>
   <span>Edit Account</span>
  </a>
</li>

我正在使用设计来登录和注销。我怎样才能得到它，以便图标和文本都可以单击并且在注销 link 的同一行上，因为注销 link 是删除而不是获取。

Answer 1

使用link_to时，可以传block

<li>
  <%= link_to destroy_user_session_path, method: :delete do %>
    <span>
      <i class="fa fa-sign-out"></i>
      Sign Out
    </span>
  <% end %>
</li>

Rails 如何让 Link 到 + 图标都在同一行且可点击

Rails How to have Link to + Icon both on the same line & clickable

ruby-on-rails

link-to

devise