我在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和按鈕元素之間沒有間隙表單組。
當我將line-height:30px;
添加到我的標籤時,它完全破裂。任何小於這個值的東西都不會影響任何東西。
這裏的有些相似fiddle
請幫助。
顯示生成的HTML,而不是 – dippas
[檢查](https://jsfiddle.net/m40ts1rr/)這@dippas –