橫向列表無法對齊——行內塊狀元素對齊問題

在用列表編輯橫向導航欄問題時，我的最後一個li需要是空白的，但前面li的位置出現了偏離，如下圖： 原理是這樣的：考慮到display：inline-block的屬性中在最後一個塊狀元素沒有內容的情況下，它的基線對齊方式是基於最後一個行內塊狀元素的底邊。所有，我們只需給任意一行內塊狀元素設置 「vertical-align: top;」。即可實現所有行內塊狀元素的水平對齊。效果圖如下：

>>阅读原文<<