码迷,mamicode.com
首页 > 其他好文 > 详细

如何解决Bootstrap中分页不能居中的问题

时间:2019-09-24 22:50:09      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:就会   style   ati   nav   paginati   flex   margin   splay   play   

尝试过1.text-align:center居中;2.margin:0 auto; 3.display: flex;justify-content: center;都不行

解决: 在外层多加一个nav标签包着,然后text-align:center;就会生效了,成功实现了分页居中

<nav style="text-align: center;">
<ul class="pagination">
<li><a href="#">&laquo;</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&raquo;</a></li>
</ul>
</nav>

如何解决Bootstrap中分页不能居中的问题

标签:就会   style   ati   nav   paginati   flex   margin   splay   play   

原文地址:https://www.cnblogs.com/zhf123/p/11581671.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!