Jquery 在菜单中定位奇偶列表项
我有一个无序的列表,有n个项目,应该转换成水平菜单,如。我能够选择所有奇数项并将它们移动到列表的末尾,创建两个菜单行,但我发现居中相当困难 我使用过的代码,但无法居中:Jquery 在菜单中定位奇偶列表项,jquery,css,menu,Jquery,Css,Menu,我有一个无序的列表,有n个项目,应该转换成水平菜单,如。我能够选择所有奇数项并将它们移动到列表的末尾,创建两个菜单行,但我发现居中相当困难 我使用过的代码,但无法居中: jQuery('#ja-mainnav ul li').css({'float':'left', 'display': 'block', 'margin-left': 'auto', 'margin-right': 'auto' }); jQuery('#ja-mainnav ul li:odd:first').css({'c
jQuery('#ja-mainnav ul li').css({'float':'left', 'display': 'block', 'margin-left': 'auto', 'margin-right': 'auto' });
jQuery('#ja-mainnav ul li:odd:first').css({'clear':'both', 'margin-left':'40px'});
jQuery('#ja-mainnav ul li:odd').insertAfter('#ja-mainnav ul li:last');
演示地点:Try:float:none;显示:内联;明确:无;保证金:0自动;
<style type="text/css">
li {
background:red;
border:1px solid black;
}
div#ja-mainnav {
width:150px;
overflow:hidden;
text-align:center;
}
</style>
<div id="ja-mainnav">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
</div>
jQuery('#ja-mainnav ul li').css({
'display': 'inline-block'
});
jQuery('#ja-mainnav ul li:odd').insertAfter('#ja-mainnav ul li:last');
}