首页 > 代码库 > JQuery UI菜单改为横向

JQuery UI菜单改为横向

    JQuery UI的菜单原本是纵向排列的,我们需要改其CSS的源代码以显示为横向排列

    具体是修改jquery-ui.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;
}

即可显示横向菜单

JQuery UI菜单改为横向