迅睿開源框架是一款PHP8高性能·簡(jiǎn)單易用的PHP開源開發(fā)框架, 基于MIT開源許可協(xié)議發(fā)布,不限制商業(yè)使用,以多端互聯(lián)為設(shè)計(jì)理念, 支持的微信公眾號(hào)、小程序、APP客戶端、移動(dòng)端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
業(yè)務(wù)經(jīng)理
微信掃描以上二維碼
028-61286886
技術(shù)咨詢
這是全局搜索里面的分頁(yè) 出現(xiàn)這種問題 需要在哪里調(diào)呢 是什么問題呢
需要自己調(diào)css代碼
自己根據(jù)需求改css樣式就行了
自行調(diào)整下樣式
用的不是默認(rèn)的樣式,右鍵審查元素 改下
<span style="display:inline-bloc;padding:5px 5px;float:left">
{$mypage}
</span>
加上這段試試,需要將頁(yè)碼浮動(dòng)
樣式問題,看我這個(gè)分享帖,拿來(lái)即用
http://m.apdwn.com/wenda/54622.html
代碼如下:
/*分頁(yè)*/ <div class="pager">{$pages}</div>
1、有間隔CSS樣式
/*分頁(yè)*/ .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、無(wú)間隔樣式
/*分頁(yè)*/ .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}
讓li元素float:left就好了
改好了 這個(gè)下一頁(yè)上一頁(yè) 是空白的 要在那里改呢
需要自己調(diào)css代碼
自己根據(jù)需求改css樣式就行了
自行調(diào)整下樣式
用的不是默認(rèn)的樣式,右鍵審查元素 改下
<span style="display:inline-bloc;padding:5px 5px;float:left">
{$mypage}
</span>
加上這段試試,需要將頁(yè)碼浮動(dòng)
樣式問題,看我這個(gè)分享帖,拿來(lái)即用
http://m.apdwn.com/wenda/54622.html
代碼如下:
/*分頁(yè)*/ <div class="pager">{$pages}</div>1、有間隔CSS樣式
/*分頁(yè)*/ .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、無(wú)間隔樣式
/*分頁(yè)*/ .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}讓li元素float:left就好了
改好了 這個(gè)下一頁(yè)上一頁(yè) 是空白的 要在那里改呢