如何设置二级下拉菜单的宽度

2020-12-01 10:00

由于我的二级菜单名比较长,想根据二级菜单的最多字数来自适应二级菜单宽度,以显示完整菜单,请大神赐教,谢谢。


我修改main.css 里的

#nav li ul li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/nav.png") repeat-x scroll 0 0 transparent;
    border-color: -moz-use-text-color #EEEEEE #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    height: 20px;
    line-height: 20px;
    overflow: hidden; /*我在firebug里屏蔽了*/
    padding: 5px;


}

调试效果如下

请教,谢谢。

4359 次浏览 2 条评论 收藏

说说我的看法

登录后可以发表评论 登录
2个评论
-- 楼主 2020-12-01 10:00
不截取字数 想让菜单显示完整 自适应二级菜单中最多字数的长度为标准
回复
-- 2020-12-01 10:00
使用filterhtml标签进行截取字数
<!--{$volist.catename}-->
改成<!--{$volist.catename|filterhtml:15}-->
15表示字符长度。
回复
作者信息

1
贴子
0
粉丝
热门贴子

免费试用


咨询热线


在线咨询