html - 增加字体大小导致 ul 菜单未对齐

Question

如图所示here ，我使用无序列表和大量 css 构建了一个固定菜单。我还包含了一个带有自定义类的按钮，该按钮重定向回首页，并使用 font-size: 130% 使其变大。通过使用 line-height: 0;我能够强制所有按钮的高度相同。不幸的是，不知何故，菜单中添加了一个额外的高度像素，大按钮粘在顶部，而其余按钮粘在底部。除了严重触发强制症外，它在悬停时看起来很丑陋，所以我想修复它。我陷入了死胡同，无法自己解决这个问题，所以我想请任何人帮助我。

提前致谢!

li.menu-titel {
    font-size: 130%;
    font-weight: lighter;
    overflow:hidden;
    line-height: 0;
}

Answer 1

使用display:inline-block(而不是inline)简单地格式化你所有的li，

或删除vertical-align:top;。