我正在使用Bootstrap 3构建网站，但似乎无法使分页居中。我已经进行了一些研究，并将分页包装在具有“文本中心”类的div中，但仍未居中。我的代码如下：
<div class="text-center">
<ul class="pagination">
<li><a href="/categories/alternative-dairy-products/9.html">«</a></li>
<li><a href="/categories/alternative-dairy-products/8.html">8</a></li>
<li><a href="/categories/alternative-dairy-products/9.html">9</a></li>
<li class="active"><a href="#">10</a></li>
<li><a href="/categories/alternative-dairy-products/11.html">11</a></li>
<li><a href="/categories/alternative-dairy-products/12.html">12</a></li>
<li><a href="/categories/alternative-dairy-products/11.html">»</a></li>
</ul>
</div>
使用Chrome的inspect元素时，我可以看到DIV和UL都占据了内容区域的整个宽度，并且它们都具有text-align：center。但是我的分页仍然在左边。如果您想看这里，这里是现场直播：http : //www.aboutgmo.org/categories/alternative-dairy-products/10.html
有什么想法我可以解决这个问题吗？谢谢！
在中agmo.css，有此规则...
.pagination {
text-align: center;
width: 100%;
}
去掉它。将width: 100%;导致分页ul采取了所有的横向空间，因此它不能居中。
text-align: center; 也不需要此规则，但这不是问题的根源。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句