Question

以下是我视图中的相关代码：

<%= form_for CustomerEmail.new, :html => {:class => "js-ajax-submit js-customer-email-form invisible", :rel => {:reload => true}.to_json} do |c| -%>
  <%= c.label :email, 'Email' %>
  <%= c.text_field :email %>
  <%= c.submit "Submit", :class => "small-button" %>
  <a href="#" class='js-close-popup'>Cancel</a>
<% end -%>

目前，“取消”链接位于标有“电子邮件”的文本框右侧。我需要将其移动到提交按钮的右侧。

我已经尝试了所有我知道的html标签：div，span，td，tr，li。没有人把我带到我需要的地方。我也尝试了一些css：style='float: right; padding-top: 5px; padding-right: 20px; padding-bottom: 5px'

没有运气......

Answer 1

<%= form_for CustomerEmail.new, :html => {:class => "js-ajax-submit js-customer-email-form invisible", :rel => {:reload => true}.to_json} do |c| -%>
  <%= c.label :email, 'Email' %>
  <%= c.text_field :email %>

  <div style="float: right">
    <%= c.submit "Submit", :class => "small-button", :style => "float: left;" %>
    <div style="display: block; float: left; padding: 5px 0px 5px 20px;">
      <a href="#" class='js-close-popup'>Cancel</a>
    </div>
  </div>
<% end -%>

如何将我的链接移动到我的提交按钮的右侧

1 个答案: