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; }
即可显示横向菜单
时间: 2024-10-12 04:13:51