两种方法解决织梦列表页分页标签p**elist调用后是竖着排列的疑问

问题原因:织梦的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;}

dawei

【声明】:邵阳站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。