Question

我已经全神贯注地寻找这个问题的解决方案，似乎没有任何工作，如果我可以避免它，我真的不想使用黑客。

当我将线条高度设置为垂直居中时，我的导航区域中心到处都是野生动物园，它的高度约为2px。这是导航栏的css：

nav {
padding: 0px;
margin: 0;
font-size: 16px;
height: 25px;

}

nav ul {
padding-left: 0px;
margin: 0;
line-height: 1.5em;

}

nav li{
display: inline;
text-transform: uppercase;
padding-right: 12px;
padding-left: 12px;

}

我在px，em和％中尝试了行高，但在safari中仍然存在错误。以下是firefox中正确导航位置和safari中错误位置的屏幕截图。

nav issue

非常感谢您对此问题的任何帮助。

Answer 1

某些特定于浏览器的默认样式可能会干扰您定义的样式。（继承的样式，默认为某些元素更具体定义的样式...）

对于所有浏览器中的同质行为，请使用CSS重置并正确定义所有需要的样式，而不是取决于浏览器的默认值。