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

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

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

改變li的位置后,結果如下:

好,問題成功解決了。不知園友們還有沒有其他的好辦法,歡迎指教。
今天在寫頁面的時候,無意中遇到這樣一個問題,就是無序列表li橫向排列即做成導航欄時,列表項間有間隙。
如:

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

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

改變li的位置后,結果如下:

好,問題成功解決了。不知園友們還有沒有其他的好辦法,歡迎指教。
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。