Jquery UI Menu 默认是纵向展示的。Jquey UI Menu 设置API,http://api.jqueryui.com/menu/#option-position
修改对应的CSS可以设置为横向展示。
.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;
}
原文:http://stackoverflow.com/questions/12944364/how-to-make-jquery-ui-nav-menu-horizontal