XunRuiCMS循环分组隔5行加<li>的友好方案
XunRuiCMS循环分组隔5行加<li>的友好方案
迅睿函数大全迅睿基础设置迅睿二次开发迅睿模版制作迅睿缓存在线生成迅睿CMS标签大全
如图,采用隔行的写法时,前后都会有一个空li。正确写法如下:
代码示例
<ul> <li>{module module=news catid=$catid order=displayorder_desc,updatetime num=30} <div class="item">内容{$key+1}</div> {if ($key+1)%5==0 && $key<29}</li><li>{/if} {/module} </li> </ul>
使用说明
隔行添加的时候随后一行也是符合隔行条件的,也会被分割,但是前端是多余的。这个时候需要增加一个判断,在达到总数30之前,提前结束换行判断,就不会执行最后一个换行了。
本文属原创,转载请注明原文:http://www.zhimatong.com/jiaocheng/978.html
为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。
点赞 1
热门主题
相关阅读
- Bootstrap的datetimepicker插件用法总结(基于迅睿CMS)
- 迅睿CMS搜索页等调用指定栏目数据dr_cat_value/dr_share_cat_value的用法
- XunRuiCMS网站seo标题,关键词,描述等设置说明
- 迅睿CMS联系方式等信息的修改方法
- 迅睿XunRuiCMS手机站点3种设置模式详解
- 迅睿开发者模式如何用,迅睿CMS如何去掉页面右下角的火的标志
- 迅睿CMS整合layui+ajax实现联动菜单多条件搜索的方法
- 详解迅睿模版安装调试及注意事项
- 迅睿CMS生成静态HTML,提示模版文件不存在的解决方法
- 迅睿CMS表单提示"需要在表单插件后台,开启发布权限"的解决方法
- 迅睿CMS美化,如果修改迅睿文章后台样式
- 迅睿XunRuiCMS模版制作:Ftable做banner图时视频和图片不同样式调用方法