Question

我的rails应用程序中有一个如下表单

<p class='field'>
    <div class = "form-group">
      <div class = "col-sm-3 mobile-label" >
       <%= form.label :loyalty%>
       <%=image_tag "qun1.png" ,:style=>"width: 15px; display:inline-block", 'data-toggle'=>"modal", 'data-target'=>"#myModal1"  %>
     </div>
     <div class="col-sm-9">
      <%= form.text_field :coupon_code, :class => 'form-control col-sm-9' %>
     <%= button_tag "Apply", class: 'btn btn-lg btn-success primary payment-code col-sm-3 ',id: 'apcode' %>
    </div>
    </div>
</p>

<p class='fild>
  <div class = "form-group">
    <div class = "col-sm-3 mobile-label" >
     <%= form.label :coupon_code %>
    </div>
   <div class="col-sm-9">
     <%= form.text_field :coupon_code, :class => 'form-control col-sm-9 ' %>
     <%= button_tag "Apply", class: 'btn btn-lg btn-success primary payment-code col-sm-3 ',id: 'apcode' %>  
   </div>
 </div>
</p>

我得到的结果是，两个表单组中的label.textfield和button元素之间没有差距。

当我给我的标签line-height:30px;时，它完全断开了。任何不到的东西都不会影响任何事情。

这里有点类似fiddle

请帮忙。

Answer 1

style="line-height:30px";

将此代码放在类字段中，并尝试检查错误是否已解决。

行高不会影响我的应用中的任何内容

1 个答案: