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

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;
}

.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; }