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

即可显示横向菜单

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。