两种方法解决织梦列表页分页标签p**elist调用后是竖着排列的疑问
发布时间：2021-11-03 16:51:41 所属栏目：教程 来源：互联网
导读：问题原因：织梦的pagelist标签默认是内置了li标签的，调用之后会在源代码页面中出现，而你的网站如果刚好没有在分页这块对li标签进行css定义的话，就会出现li标签默认的样式（即图中所示），知道原因之后解决方法就简单了，采用两种方法来解决，一种是删除pa
|
问题原因：织梦的pagelist标签默认是内置了<li>标签的，调用之后会在源代码页面中出现，而你的网站如果刚好没有在分页这块对<li>标签进行css定义的话，就会出现<li>标签默认的样式（即图中所示），知道原因之后解决方法就简单了，采用两种方法来解决，一种是删除pagelist标签中内置的<li>标签，一种是给调用出来的<li>标签加上样式。
第一种添加标签法（推荐）：假设你在调用列表分页标签的代码如下所示
<div class="xxx">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
</div>
复制代码
这个时候在你调用的css页面中加入一下代码即可：
.xxx li{float:left;line-height:20px;margin-right:6px;border:1px solid #E9E9E9;list-style:none;}
.xxx li.thisclass,.xxx li.thisclass a,.xxx li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;} （编辑：52站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
