搜尋
首頁CMS教程DEDECMS織夢列表頁分頁錯位(分頁顯示為直排)怎麼辦

織夢列表頁分頁錯位(分頁顯示為直排)怎麼辦

織夢清單頁分頁錯位(分頁顯示為直排)怎麼辦?

織夢列表頁分頁錯位,分頁顯示為豎排這種情況想必有很多的朋友都有遇到過吧,下面與大家分享下具體的解決方法,感興趣的朋友可以參考下哈

推薦學習:織夢cms

  

解決方法: 

列表頁分頁代碼: 

程式碼如下:

<div class="dede_pages"> 
<ul class="pagelist"> 
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/} 
</ul> 
</DIV>

呼叫樣式新增: 

程式碼如下:

.dede_pages{ 
text-align:right; 
} 
.dede_pages ul{ 
float:right; 
padding:12px 0px 12px 16px; 
} 
.dede_pages ul li{ 
float:left; 
font-family:Tahoma; 
line-height:17px; 
margin-right:6px; 
border:1px solid #E9E9E9; 
} 
.dede_pages ul li a{ 
float:left; 
padding:2px 4px 2px; 
color:#555; 
display:block; 
} 
.dede_pages ul li a:hover{ 
color:#690; 
text-decoration:none; 
padding:2px 4px 2px; 
} 
.dede_pages ul li.thisclass, 
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ 
background-color:#F8F8F8; 
padding:2px 4px 2px; 
font-weight:bold; 
} 
.dede_pages .pageinfo{ 
line-height:21px; 
padding:12px 10px 12px 16px; 
color:#999; 
} 
.dede_pages .pageinfo strong{ 
color:#555; 
font-weight:normal; 
margin:0px 2px; 
}

以上是織夢列表頁分頁錯位(分頁顯示為直排)怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版