当前位置:编程学习 > html/css >>

织梦列表页分页错位(分页显示竖排)

解决办法:
列表页分页代码:
<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;
}

补充:web前端 , HTML/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,