业务经理

微信扫描以上二维码

028-61286886

技术咨询

调用二级栏目,显示出来是一列排列,代码怎么调整

迅睿框架 更新 2022-03-22 19:54:03 woshixinde
        <div id="syFocusThumb" class="sliderwrapper">
          <div class="contentdiv"></div>
     <!--调用共享栏目-->
          <!--第一层:调用pid=0表示顶级-->
          {category module=share pid=2}
<div class="contentdiv"> <li class="contentdiv classic-contentdiv {if IS_SHARE && $catid && dr_in_array($catid, $t.catids)} active{/if}">
    <a href="{$t.url}" title="{$t.name}" {if $t.tid==2} target="_blank"{/if}>{$t.name}</a>
    {if $t.child}
         <!--第二层:调用第二级共享栏目-->
        {category module=share pid=$t.id return=t2}
        <li class="{if $t2.child} contentdiv{/if} {if IS_SHARE && $catid && dr_in_array($catid, $t2.catids)} active{/if}">
            <a href="{$t2.url}"  title="{$t2.name}"> {$t2.name}</a></li>
        {/category}
    {/if}
</li></div>{/category}</div>

image

代码调用二级栏目,显示出来是一列排列,我想调用出来按像如下这种行排列,代码怎么调整啊

image

方案

  • Supreme #1 · 2022-02-23 18:25:29
    把前端效果代码写好,再套用迅睿标签
  • 帝云网络-长期接单 #2 · 2022-02-23 22:33:19
    满意答案
    这就是CSS的写法了,你要把那段代码帖出来,再好给你写
  • woshixinde #3 · 2022-02-24 17:20:58
    帝云网络-长期接单 CSS这段代码看起来也没啥问题啊.contentdiv { font-size: 0; margin: 0 10px;}.contentdiv:first-child { display: none !important;}.contentdiv a { text-align: center; border-radius: 2px; display: inline-block; vertical-align: top; padding: 8px 2%; color: #76838f; -webkit-transition: .25s; -o-transition: .25s; transition: .25s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 22px; line-height: 22px; font-size: 12px; width: 8%; transition-duration: .3s; -ms-transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; background: #f1f1f1; margin: 10px 5px 0 0;}.contentdiv a:hover { background: #afafaf; color: #fff;}
  • woshixinde #4 · 2022-03-22 19:54:03
    @帝云网络-长期接单:是调整CSS,感谢

迅睿系统漏洞

GEO系统
GEO系统(2026-09-15)
运营客户端,防止误触阴影处关闭对话框
独立站群系统
独立站群系统(2026-09-14)
子站独立部署时修复同步附件失败问题
在线客服
在线客服(2026-09-13)
修复删除会话报错问题 删除会话时联动删除聊天图片
在线考试竞赛系统
在线考试竞赛系统(2026-09-12)
增加投票功能 考试功能拓展 注意:更新后需要执行系统更新,更新数...
网上信箱
网上信箱(2026-09-12)
修复新版本兼容问题
GeoSeo收录宝
GeoSeo收录宝(2026-09-12)
1 优化Update.php文件,解决版本在线升级不完整问题 2 ...
GeoSeo工具箱
GeoSeo工具箱(2026-09-11)
修正历史记录推送
微信系统
微信系统(2026-09-11)
增加数据统计总览界面 账号管理增加服务和公众号的区别 菜单管理支持更...
答题系统
答题系统(2026-09-11)
一站式在线答题系统,支持真题考试、题库练习和错题本,适合培训、考证、...
阿里云滑动验证码
阿里云滑动验证码(2026-09-10)
采用阿里云验证码替换迅睿系统自带的图片验证码和滑动验证码。后台设置方...