JQuery UI菜单改为横向

标签：css   menu   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菜单改为横向

标签：css   menu   jquery ui   

原文地址：http://blog.csdn.net/kevinxxw/article/details/41693017