html - 行高不影响我的应用程序中的任何内容

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";

将此代码放在类字段中，然后尝试是否解决了您的错误。