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

时间：2022-04-09 08:10:12 投诉/举报

列表页分页代码：


<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;  }