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

迅睿框架更新 2022-07-30 21:45:53

635783796

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

方案

迅睿框架联合创始人 #1 · 2022-07-30 19:23:11

满意答案

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

我不是大佬 #2 · 2022-07-30 19:27:57

.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

用这个，自定义配置文件方法参考文档：《自定义分页样式配置》
635783796 #4 · 2022-07-30 19:55:26
我不是大佬请问大佬，我已经把官方默认的css样式，放进css文件了，

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

谁帮我解决这个问题，我就采纳谁的答案。。
635783796 #5 · 2022-07-30 19:57:14
姜凯我把官方默认样式放进了css文件里，然后我调用还是出错了，代码如下，我是不是写错了？
```
<div class="pagination">{$pages}</div>
```
文章 #6 · 2022-07-30 19:58:52

但凡是会CSS人都不会犯这个误啊
伦少 #7 · 2022-07-30 19:59:22

样式问题，浏览器右键f12审查元素修改
635783796 #8 · 2022-07-30 20:03:39

文章我自学一周左右
woaini #9 · 2022-07-30 21:20:55

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

你没有悬赏（设置悬赏）贴，采纳给他，人家得不到好处啊，悬赏（设置悬赏）几块钱还差不多说这话
635783796 #11 · 2022-07-30 21:45:53

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