Twitter bootstrap html select里面的分页组件是偏移和不对齐 [英] Twitter bootstrap html select inside pagination component is offset and not aligned

问题描述

当我尝试在分页组件中使用html select时，html select是偏移量并且未正确对齐。我只包括前一半的分页与html选择它为了简洁的目的。它应该说明问题，您可以查看此处的JSFiddle 。

When I try to use an html select inside of the pagination component the html select is offset and not properly aligned. I have only included the first half of the pagination with the html select inside of it for purpose of brevity. It should illustrate the issue and you can view the JSFiddle here.

<div class="pagination pagination-large pagination-centered">
     <ul>
       <li><a class="first_record" rel="tooltip" data-original-title="First record" href="#">First</a></li>
       <li><a class="previous_record" rel="tooltip" data-original-title="Previous" href="#">Previous</a></li>
       <li><span>Display <select class="input-mini page_size">
      <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
       </li>
    </ul>
   </div>

任何帮助将不胜感激。

Any help would be appreciated.

推荐答案

尝试以下CSS：

.pagination select {
  height: 30px;
  margin-top: -7px;
  margin-bottom: -5px;
}

或者：

.pagination select {
  height: 2em;
  margin-top: -0.5em;
  margin-bottom: -0.4em;
}

这篇关于Twitter bootstrap html select里面的分页组件是偏移和不对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！