對齊和'右拉'

Question

不知何故，當使用pull-right時，右側的按鈕不再居中（垂直）。 它怎麼能放在中間？

 <li > 
      <a type="button" class="btn btn-default btn-sm "> 
      <span class="glyphicon glyphicon-minus" ></span> 
      </a> 

      <a type="button" class="btn btn-default btn-sm pull-right"> 
       <span class="glyphicon glyphicon-pencil" ></span> 
      </a> 
     </li> 

https://jsfiddle.net/1mawa84n/2/

Answer 1

取出line-height給予填充，以li

試試這個：

CSS：

li { 
    background: rgba(254, 255, 251, 0.91) none repeat scroll 0 0; 
    border: 1px solid black; 
    border-radius: 3px; 
    display: block; 
    /* line-height: 3;*/ 
    margin: 0 0 -1px; 
    padding: 10px; 
    max-width: 100%; 
    vertical-align: middle; 
}