在菜單中定位奇數/偶數列表項

Question

我有一個無序列表，其中有n個項目，應該轉換爲水平菜單，如the picture below。我能夠選擇所有奇數項目並將它們移動到列表的末尾，創建兩個菜單行，但我發現中心位置相當困難。

代碼我用，但不能中心：

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'); 

Answer 1

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

和JS

jQuery('#ja-mainnav ul li').css({ 
    'display': 'inline-block' 
}); 
jQuery('#ja-mainnav ul li:odd').insertAfter('#ja-mainnav ul li:last'); 
} 

演示在：http://jsfiddle.net/Tkgjf/