如何正确使用线高？

Question

我将100％宽度的导航菜单固定在页面顶部。

#nav {

height: 50px;

}

我已经使用行高来将文本放在导航器的中心，但是当我这样做时它不起作用..

#nav ul li a {

line-height: 50px;
 }

它出现在导航底部的一半

Answer 1

好的，您似乎错过了浏览器为<ul>等元素提供内置样式的事实。

<ul>的余量正在推动整个菜单。

尝试＆＃34;规范化＆＃34;你的css包括

ul {
    margin: 0px;
}

如图所示HERE。