                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

分页居中显示，该怎么配置？

我想让分页居中显示，求配置

quantou

2014-11-14

源自：玩转Bootstrap（基础） 6-9

关注问题我要回答

4781

操作

收起

4 回答

purple_yao
2014-11-17

多加放一个父标签table为父元素写入：margin:0 auto;

0 回复有任何疑惑可以回复我~

#1

这个只能用table才能居中么？我试了下div加margin:0 auto;不能居中显示

2014-11-28 回复有任何疑惑可以回复我~

#2

慕工程7806118

直接多加样式dispaly:block;margin:0 auto;覆盖了<ul>的display:inline-block行不行呢？感觉加<table>复杂化了结构

2014-12-23 回复有任何疑惑可以回复我~

#3

慕工程7806118 回复 Heson

用div就得设宽度居中才能生效

2014-12-23 回复有任何疑惑可以回复我~

查看1条回复

purple_yao
2014-11-17

<table style="margin:0 auto;">

<td>

<ul class="pagination pagination-sm">

<li><a href="#">«第一页</a></li>

<li><a href="#">11</a></li>

<li><a href="#">12</a></li>

<li class="active"><a href="#">13</a></li>

<li><a href="#">14</a></li>

<li><a href="#">15</a></li>

<li class="disabled"><a href="#">最后一页»</a></li>

</ul>

</table>

</td>

0 回复有任何疑惑可以回复我~

quantou 提问者
2014-11-14

可能我没说明白，我是想让分页（pagination）在panel-body里面居中显示，而且不限制宽度

0 回复有任何疑惑可以回复我~

随晓晓
2014-11-14

.panel-body{

width:300px;

margin: 0 auto;

}

页面居中显示：可以给一个固定的宽度xpx，然后设置margin:xpx auto;x>0的值。

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314544 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

1 回答分页显示

1 回答怎么设置按钮居中

4 回答怎么让按钮居中？

2 回答怎么使div居中对齐？

2 回答垂直居中怎么实现呢？

搜索更多本课相关问答

分页居中显示，该怎么配置？

我要回答关注问题

意见反馈帮助中心 APP下载