分页css错乱，有告诉我怎么写吗,迅睿CMS,Codeigniter/Laravel/ThinkPHP技术文档,PHP开发文档,迅睿CMS框架官方教程

联系官方销售客服

1835022288

028-61286886

问题求助问题分享经验

开发框架版主：迅睿框架研发组

分页css错乱，有告诉我怎么写吗

635783796

类型：迅睿CMS 更新时间：2022-07-30 21:45:53 分页样式

使用官方的模板标签生成器生成的分页规则，为什么css显示成这样，有没有大神告诉我具体怎么恢复啊？

回帖

#1楼迅睿框架联合创始人

2022-07-30 19:23:11
Chrome 0

参考文档：《默认分页样式css样式》用默认的也行，自己写样式也行

满意答案

#2楼我不是大佬

2022-07-30 19:27:57

Chrome 0

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }

#3楼姜凯

2022-07-30 19:39:05
Chrome 0

用这个，自定义配置文件方法参考文档：《自定义分页样式配置》
#4楼 635783796

2022-07-30 19:55:26
Chrome 0
我不是大佬请问大佬，我已经把官方默认的css样式，放进css文件了，

然后我写了下面这段
<div class="pagination">{$pages}</div>
还是显示不出来，请问我是哪里弄没对？

谁帮我解决这个问题，我就采纳谁的答案。。
#5楼 635783796

2022-07-30 19:57:14
Chrome 0
姜凯我把官方默认样式放进了css文件里，然后我调用还是出错了，代码如下，我是不是写错了？
<div class="pagination">{$pages}</div>
#6楼文章

2022-07-30 19:58:52
Chrome 0

但凡是会CSS人都不会犯这个误啊
#7楼伦少

2022-07-30 19:59:22
华为手机 0

样式问题，浏览器右键f12审查元素修改
#8楼 635783796

2022-07-30 20:03:39
Chrome 0

文章我自学一周左右
#9楼 woaini

2022-07-30 21:20:55
小米手机 0

官方默认css样式放进去后，清除下浏览器缓存，登录网站后台更新网站缓存，而后刷新一下看看！如果还不行单独放官方提供的样式，把其他引入的css去掉试试看，如果去了其他的正常的话，那就是css有冲突了。分页标签前后不要加任何div标签试试！以下是官方css样式链接https://www.xunruicms.com/doc/1146.html
#10楼曹海峰

2022-07-30 21:31:18
Chrome 0

你没有悬赏（设置悬赏）贴，采纳给他，人家得不到好处啊，悬赏（设置悬赏）几块钱还差不多说这话
#11楼 635783796

2022-07-30 21:45:53
Chrome 0

@迅睿框架联合创始人：问题解决了，