如何在一張桌子上的同一行顯示3個按鈕，誰擁有3種不同的形式？

Question

我對一個有3個按鈕的表有些問題，問題在於： 這個按鈕有3種不同的形式，它們顯示爲列，但我希望它按行顯示，任何建議？這是我的實際代碼：

<div class="text-center"> 
 
    <!-- PRIMO BOTTONE --> 
 
    <s:form action="esportaCommesseByRichiesta" cssClass="form-same-row"> 
 
     <button type="submit" class="btn btn-success btn-xs" data-toggle="tooltip" title="Esporta Richiesta"> 
 
      <span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span> 
 
     </button> 
 
    </s:form> 
 
    <!-- PRIMO BOTTONE --> 
 

 

 
    <!-- SECONDO BOTTONE --> 
 
    <s:form action="editCommesseGl" cssClass="form-same-row"> 
 
     <button type="submit" class="btn btn-info btn-xs" title="Modifica Richiesta"> 
 
      <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 
 
     </button> 
 
    </s:form> 
 
    <!-- SECONDO BOTTONE --> 
 

 

 
    <!-- TERZO BOTTONE --> 
 
    <s:form action="#" cssClass="form-same-row"> 
 
     <button type="submit" class="btn btn-danger btn-xs" data-toggle="tooltip" title="Cancella Richiesta"> 
 
      <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 
 
     </button> 
 
    </s:form> 
 
    <!-- TERZO BOTTONE --> 
 
</div>

Answer 1

CSS

form {display: inline-block;} 

Answer 2

我沒有你的代碼的明確想法，但試試這個代碼，它可能會有所幫助....

.form-same-row 
{ 
float:left; 
margin-right:5px; 
}