如何設置Jquery UI Menu 菜單為橫向展示

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