如何使用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会有帮助吗?我已经更新了我的答案,请看一看。