明凯博客

关注网站技术,一个特立独行的程序员

将Jquery UI Menu 菜单改为横向展示

Jquery UI Menu 默认是纵向展示的。

大家可以看看Jquey UI Menu 设置API,http://api.jqueryui.com/menu/#option-position

但是没有设置横向的选项,其实只要改css文件就可以了。

修改对应的CSS可以设置为横向展示。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.ui-menu:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.ui-menu .ui-menu-item {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}

这样子就可以了。

, , , ,

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注