横向列表无法对齐——行内块状元素对齐问题

在用列表编辑横向导航栏问题时，我的最后一个li需要是空白的，但前面li的位置出现了偏离，如下图： 原理是这样的：考虑到display：inline-block的属性中在最后一个块状元素没有内容的情况下，它的基线对齐方式是基于最后一个行内块状元素的底边。所有，我们只需给任意一行内块状元素设置 “vertical-align: top;”。即可实现所有行内块状元素的水平对齐。效果图如下：

>>阅读原文<<