dede列表分页问题解决

dede列表分页问题解决

dede分页标签：{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}

其中会自动生成<li>以及<SPAN>标签,如果做模板的时候CSS样式设置不正确,则会发生错位

以下代码：

1. <style>  
2. .tg_pages{   
3. padding-top: 10px;   
4. padding-bottom: 10px;   text-align: center;   
5. }   
6. .tg_pages li{   
7. display: inline;   
8. line-height: 22px;   
9. }   
10. .tg_pages li a{   
11. margin-right: 5px;   
12. padding-right: 5px;   
13. padding-left: 5px;   
14. padding-top: 3px;   
15. padding-bottom: 3px;   
16. border: 1px solid #CCC;   
17. background-color: #FFF;   
18. }   
19. .thisclass {   
20. font-weight: bold;   
21. color: #C00;   
22. }   
23. </style>  
24. <div class="tg_pages">  
25. <ul class="pagelist">  
26. <li>首页</li>  
27. <li class="thisclass">1</li>  
28. <li><a href='list_20_2.html'>2</a></li>  
29. <li><a href='list_20_3.html'>3</a></li>  
30. <li><a href='list_20_4.html'>4</a></li>  
31. <li><a href='list_20_5.html'>5</a></li>  
32. <li><a href='list_20_6.html'>6</a></li>  
33. <li><a href='list_20_7.html'>7</a></li>  
34. <li><a href='list_20_8.html'>8</a></li>  
35. <li><a href='list_20_9.html'>9</a></li>  
36. <li><a href='list_20_10.html'>10</a></li>  
37. <li><a href='list_20_11.html'>11</a></li>  
38. <li><a href='list_20_2.html'>下一页</a></li>  
39. <li><a href='list_20_295.html'>末页</a></li>  
40. <li><span class="pageinfo">共 <strong>295</strong>页<strong>2944</strong>条</span></li>  
41. </ul>  
42. </div>  

 

 

【Pagelist 标记】
功能说明：表示分页页码列表
适用范围：列表模板

(1)语法
{dede:pagelist listsize='3' listitem=''/}
(2)属性
[1] listsize 表示 [1][2][3] 这些项的长度 x 2
[2] listitem 表示页码样式，可以把下面的值叠加
index　　首页
pre 上一页
pageno 页码
next 下一页
end 末页
option 下拉跳转框

正确使用：

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

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