帝国论坛 → 帝国网站管理系统交流区 → 帝国CMS 7.5与8.0专版 → [已解决]导航条下拉菜单二级栏目太多，如何分两列显示？ 【本版专题贴子】  
主题：[已解决]导航条下拉菜单二级栏目太多，如何分两列显示？ [加入收藏夹]   

manage1
用户头衔：秀才

精华贴   ：0
发贴数   ：136
经验值   ：520
注册时间：2014-07-31
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[已解决]导航条下拉菜单二级栏目太多，如何分两列显示？
如题

上传以下图片：

[该贴被修改 1 次，最后修改时间 2025-03-10 01:33:37 ]


2025-03-09 18:46:41 已设置保密 顶部 回复 引用 报告 编辑 删除

artery
用户头衔：举人

精华贴   ：0
发贴数   ：158
经验值   ：831
注册时间：2006-01-08
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 2 楼]

设置ul宽度，完后li设置为display: inline-block


_/_/_/_/ 我的签名就是这么不一样 ^_*
_/_/_/_/ 在下的小站：ARTERY.cn
2025-03-09 20:16:15 已设置保密 顶部 回复 引用 报告 编辑 删除

manage1
用户头衔：秀才

精华贴   ：0
发贴数   ：136
经验值   ：520
注册时间：2014-07-31
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

原帖由 artery 于 2025-03-09 20:16:15 发表
设置ul宽度，完后li设置为display: inline-block

谢谢大佬，用审查元素测试成功了，但是导航条是用灵动标签调用的，如何只对某一个栏目变成两列呢？



2025-03-09 23:25:13 已设置保密 顶部 回复 引用 报告 编辑 删除

manage1
用户头衔：秀才

精华贴   ：0
发贴数   ：136
经验值   ：520
注册时间：2014-07-31
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 4 楼]

原帖由 artery 于 2025-03-09 20:16:15 发表
设置ul宽度，完后li设置为display: inline-block

大佬，后来我去你网站看了，借鉴了底部footer link隐藏border的方法（css选取子标签元素）实现了：
#navul li：nth-child(5) ul {
    width： 161px;
}
//对导航中的第5个栏目下拉菜单改变宽度，以显示两列
在此致谢！

[该贴被修改 2 次，最后修改时间 2025-03-10 02:42:32 ]


2025-03-10 01:32:55 已设置保密 顶部 回复 引用 报告 编辑 删除

zhxin
用户头衔：探花

精华贴   ：0
发贴数   ：4049
经验值   ：11154
注册时间：2013-01-09
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

支持2楼，学习



2025-03-10 07:25:14 已设置保密 顶部 回复 引用 报告 编辑 删除

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by： EBB Version 2.2.1