困扰Hovereffct

Question

我已创建此导航栏：http://cdpn.io/tdnfv（在两个教程的帮助下，由于声誉不佳，我无法在此处发布链接，链接在codepen上）

现在你可以看到，蓝条很好地运动，完全在第6项下，但是对于第6项，存在越来越多的“不和谐”。 我无法识别出对此负责的代码片段！我也不确定如何更改移动栏的“默认位置”，表示没有悬停事件时的位置。

我真的很感激一些帮助，谢谢大家。

Answer 1

这将是每个<li>之间的小空格。有不同的处理方法，但我最喜欢的是删除字体大小，然后在实际包含文本的元素中恢复它。

ul {
    font-size: 0;
}
ul li a {
    font-size: 18px;
}

P.S。，这是一个非常简洁的概念。