iis服务器助手广告广告
返回顶部
首页 > 资讯 > CMS >织梦列表页分页错位(分页显示为竖排)的解决方法
  • 398
分享到

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

列表页分页错位竖排 2022-06-12 01:06:43 398人浏览 安东尼
摘要

解决办法: 列表页分页代码: 复制代码代码如下: <div class="dede_pages"> <ul class="pagelist"> {dede:pagelist listitem="i

解决办法:

列表页分页代码:


复制代码代码如下:

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

}

--结束END--

本文标题: 织梦列表页分页错位(分页显示为竖排)的解决方法

本文链接: https://www.lsjlt.com/news/31284.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作