2016-09-13 55 views
-1

我在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

請幫助。

+2

顯示生成的HTML,而不是 – dippas

+0

[檢查](https://jsfiddle.net/m40ts1rr/)這@dippas –

回答

2
style="line-height:30px"; 

將此代碼放入類字段中,並嘗試是否將您的錯誤排除出來。

+0

這真的不適合我。當我給'margin-bottom:50px;'這適用於我,但是當我有另一個表單組時,則第二個和第三個表單組相互交替。 –

+0

嘗試顯示:inline-block;一旦。走着瞧吧。 –