無序列表li橫向排列的間隙問題

　　今天在寫頁面的時候，無意中遇到這樣一個問題，就是無序列表li橫向排列即做成導航欄時，列表項間有間隙。

　　如：

　　

　　將列表項li變成列表塊后（即將li標簽設置為，display:inline-block后），會變成這樣，中間會有間隙。

　　

　　即便是將外邊距、內邊距都設為0后，還是有間隙。在調試了很久，還是沒法解決這個問題，最后我改變了一下li的位置，結果可以了。我是這樣做的。

　　

　　改變li的位置后，結果如下：

　　

　　好，問題成功解決了。不知園友們還有沒有其他的好辦法，歡迎指教。