织梦列表页分页显示为竖排的解决方法

织梦列表页分页显示为竖排的解决方法

列表页分页代码：


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

织梦列表页分页错位，分页显示为竖排这种情况想必有很多的朋友都有遇到过吧，下面与大家分享下具体的解决方法，感兴趣的朋友可以参考下哈调用样式添加：

查看源码 打印代码 帮助 01 .dede_pages{ 02 text-align:right; 03 } 04 .dede_pages ul{ 05 float:right; 06 padding:12px 0px 12px 16px; 07 } 08 .dede_pages ul li{ 09 float:left; 10 font-family:Tahoma; 11 line-height:17px; 12 margin-right:6px; 13 border:1px solid #E9E9E9; 14 } 15 .dede_pages ul li a{ 16 float:left; 17 padding:2px 4px 2px; 18 color:#555; 19 display:block; 20 } 21 .dede_pages ul li a:hover{ 22 color:#690; 23 text-decoration:none; 24 padding:2px 4px 2px; 25 } 26 .dede_pages ul li.thisclass, 27 .dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ 28 background-color:#F8F8F8; 29 padding:2px 4px 2px; 30 font-weight:bold; 31 } 32 .dede_pages .pageinfo{ 33 line-height:21px; 34 padding:12px 10px 12px 16px; 35 color:#999; 36 } 37 .dede_pages .pageinfo strong{ 38 color:#555; 39 font-weight:normal; 40 margin:0px 2px; 41 }

织梦列表页分页显示为竖排的解决方法

织梦列表页分页显示为竖排的解决方法