应用插件 版主:官方插件技术组
调用分页的时候 竖着展示
类型:迅睿CMS 更新时间:2022-11-18 14:20:50 全局搜索 全站内容搜索
插件 全站内容搜索 V3.3
应用作者 淄博零久网络
发布时间 2021-07-26 09:27:32
更新时间 2023-07-30 20:52:15

image


image


这是全局搜索里面的分页  出现这种问题  需要在哪里调呢  是什么问题呢


应用版权:第三方
应用名称:全站内容搜索

插件教程:https://www.xunruicms.com/doc/app-760.html

回帖
  • YxiNing
    #1楼    YxiNing
    2022-11-18 11:36:33
    Chrome 0
    需要自己调css代码
  • 零零云
    #2楼    零零云
    2022-11-18 11:36:55
    Edge 0
    是css样式问题。
  • 鑫同学
    #3楼    鑫同学
    2022-11-18 11:38:45
    Chrome 0
    自己根据需求改css样式就行了
  • 无
    #4楼    无
    2022-11-18 11:40:07
    Chrome 0
    自行调整下样式 用的不是默认的样式,右键审查元素 改下
    image
  • 匿名者
    #5楼    匿名者
    2022-11-18 11:40:36
    Chrome 0
    <span style="display:inline-bloc;padding:5px 5px;float:left">{$mypage}</span>加上这段试试,需要将页码浮动
  • 帝云网络-长期接单
    #6楼    帝云网络-长期接单
    2022-11-18 11:42:58
    Edge 0
    样式问题,看我这个分享帖,拿来即用https://www.xunruicms.com/wenda/54622.html

    代码如下:

    /*分页*/
    <div class="pager">{$pages}</div>

    1、有间隔CSS样式

    /*分页*/
    .pager {text-align: center; margin: 20px 0;}
    .pager ul {display: flex; flex-wrap: wrap; justify-content: center}
    .pager ul li {display: inline-block;}
    .pager ul li a {padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block;}
    .pager ul li a:hover {border: #3ea8e2 solid 1px; color: #3ea8e2}
    .pager ul .active a {border: #3ea8e2 solid 1px; display: inline-block; background-color: #3ea8e2; color: #fff;}
    .pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px;}
    .pager ul .active a:hover {color: #fff; border: #3ea8e2 solid 1px !important;}

    2、无间隔样式

    /*分页*/
    .pager {text-align: center; margin: 20px 0;}
    .pager ul {display: flex; flex-wrap: wrap; justify-content: center}
    .pager ul li {display: inline-block;}
    .pager ul li a {padding: 5px 15px; border: #dddddd solid 1px; margin-left: -1px; display: inline-block;}
    .pager ul li a:hover {border-color: #70c4f3; background-color: #70c4f3; color: #FFF}
    .pager ul .active a {border: #3ea8e2 solid 1px; display: inline-block; background-color: #3ea8e2; color: #fff;}
    .pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px; background-color: #fff}
    .pager ul .active a:hover {color: #fff; border: #3ea8e2 solid 1px !important; background-color: #3ea8e2 !important}
    满意答案
  • 淇云科技
    #7楼    淇云科技
    2022-11-18 11:45:36
    小米手机 0
    让li元素float:left就好了
  • 明伦
    #8楼    明伦
    2022-11-18 13:40:39
    Chrome 0

    image

    image
    改好了 这个下一页上一页 是空白的 要在那里改呢
  • 明伦
    #9楼    明伦
    2022-11-18 14:20:50
    Chrome 0
    @帝云网络-长期接单:已解决感谢