自舉

Question

設置垂直高度組件不能找出如何將所有元件垂直居中取決於「中選擇」高度（並刪除這個骯髒的「填充」招!!）

<form class="form-horizontal"> 
     <div class="form-group" > 
      <label class="control-label col-sm-2" style="padding-top:25px;">test</label> 
     <div class="col-sm-2 " style="padding-top:20px;"> 
     <select class="form-control"> 
         <option>1</option> 
         <option>2</option> 
     </select> 
     </div> 
     <div class="col-sm-3"> 

     <select multiple class="form-control"> 
      <option>1</option> 
      <option>2</option> 
     </select> 
     </div> 
    </div> 
    </form> 

Answer 1

給一個嘗試

HTML

<form class="form-horizontal"> 
     <div class="form-group" > 
     <div class="clearfix align-items"> 
     <div> 
      <label class="control-label col-sm-2">test</label> 
     </div> 

     <div class="col-sm-2 "> 
     <select class="form-control"> 
         <option>1</option> 
         <option>2</option> 
     </select> 
     </div> 
     <div class="col-sm-3"> 
     <select multiple class="form-control"> 
      <option>1</option> 
      <option>2</option> 
      <option>1</option> 
      <option>2</option> 
      <option>1</option> 
      <option>2</option> 
     </select> 
     </div> 
</div> 

    </div> 
    </form> 

CSS

.align-items 
    { 
    display: table; 
    } 
    .align-items > div 
    { 
     display: table-cell; 
     vertical-align: middle; 
     float: none; 
    } 

或嘗試使用彈性盒

希望這可以幫到..