Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用css设置php分页器的中心_Php_Css_Paginator - Fatal编程技术网

如何使用css设置php分页器的中心

如何使用css设置php分页器的中心,php,css,paginator,Php,Css,Paginator,我正在尝试将分页器居中。 我一直在尝试不同的东西,但它要么一直朝着正确的方向走,要么就没有居中 这是我的代码: ?> 这是我的css .paginator{ 宽度:100%; 左边距:自动; 右边距:自动; /*位置:绝对位置*/ /*底部:0*/ /*左:0*/ /*右:0*/ } 李先生{ 浮动:左; 填充:5px 8px 8px 8px; 字体大小:13px; 字号:600; 过渡:.5s; 边框:薄实线#2A4143; /*边界半径:0 25px 0 0*/ 最高:100%;

我正在尝试将分页器居中。
我一直在尝试不同的东西,但它要么一直朝着正确的方向走,要么就没有居中

这是我的代码:


?>
这是我的css

.paginator{
宽度:100%;
左边距:自动;
右边距:自动;
/*位置:绝对位置*/
/*底部:0*/
/*左:0*/
/*右:0*/
}
李先生{
浮动:左;
填充:5px 8px 8px 8px;
字体大小:13px;
字号:600;
过渡:.5s;
边框:薄实线#2A4143;
/*边界半径:0 25px 0 0*/
最高:100%;
左:-1px;
高度:28px;
宽度:28px;
背景色:#F5;
显示:内联;
/*显示:块*/
/*左边距:自动*/
/*右边距:自动*/
/*最大高度:100px*/
/*位置:绝对位置*/
}

添加
文本对齐:居中
.paginator
并删除
浮动:左来自
.paginator li

编辑:为所有分页器添加一个容器,然后将
.paginator
设置为
显示:内联块和添加的
文本对齐:居中到CSS中的新容器。同时移除
宽度:100%来自
.paginator

还要注意的是,将该容器置于foreach循环之外

请参见此处的工作示例:

.container{
文本对齐:居中;
}
帕吉纳托先生{
左边距:自动;
右边距:自动;
文本对齐:居中;
显示:内联块;
/*位置:绝对位置*/
/*底部:0*/
/*左:0*/
/*右:0*/
}
李先生{
填充:5px 8px 8px 8px;
字体大小:13px;
字号:600;
过渡:.5s;
边框:薄实线#2A4143;
/*边界半径:0 25px 0 0*/
最高:100%;
左:-1px;
高度:28px;
宽度:28px;
背景色:#F5;
显示:内联;
/*显示:块*/
/*左边距:自动*/
/*右边距:自动*/
/*最大高度:100px*/
/*位置:绝对位置*/
}

  • 这里有很多关于PHP的东西
  • 这里有很多关于PHP的东西
  • 这里有很多关于PHP的东西

尝试使用
左边距:自动!重要的;右边距:自动!重要的可能有什么东西正在覆盖你的css代码。这两种解决方案都没有帮助。你能发布工作示例的链接吗?@HeidiE工作示例在我的答案中,请单击底部的运行代码片段。你能更清楚什么不起作用吗?如果我去掉float left,结果是分页器的数字一个接一个地移动,而不是水平移动。如果我发布整个页面的代码@John?@HeidiE会有帮助吗?我已经更新了我的答案,请看一看。