睿虎织梦

定制服务 内容投稿

解决dedecms“pagelist”标签调用后竖着排列的有效方法

相关案例演示
最近有一些睿虎织梦php免备案空间的站长朋友遇到过dedecms在调用pagelist标签是后竖着排列的情况?那么这个问题是什么原因造成的呢?是否有简单有效的解决方法呢?各位别急,且听睿虎织梦小编慢慢道来。 dedecms的pagelist标签因为默认是设置了<li>标签样式的,pagelist标签经过调用之后这个<li>标签就会自动出现的html代码之中,如果没有对<li>标签进行css样式设置那么<li>标签便会以默认的样式显示,也就是竖着排列了。 pagelist标签竖着排列的话不仅影响网站美观,而且严重妨碍了网站的布局和排版,那么小编就来教大家一个简单有效的解决方法,在调用列表分页标签的代码下添加一个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;} 以上代码中的属性值可以根据自己的需求进行任意修改。 pagelist标签调用后因为<li>标签的默认样式而竖排显示,上面的方法就是通过给<li>标签添加一个css样式来重新定位显示,这样不仅简单有效,而且属性还可以随意设置,方便布局。

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。


EyouCms,简单易用的企业网站管理系统,点击了解更多


有问题可以加入织梦技术QQ群一起交流学习

本站vip会员 请加入睿虎织梦 VIP②群 PS:加入时备注用户名或昵称

普通注册会员或访客 请加入睿虎织梦 技术交流②群

来源:网友投稿 关注: 时间:2020-10-27 08:29
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(970003436)进行交流。
相关织梦教程
QQ在线咨询
  • 客服(售前)
  • 客服(售前)
  • 客服(售后)