Firefox中的CSS水平导航栏对齐问题
我的导航栏在Firefox和Opera中处于关闭状态。文本下方的填充明显多于上方。为了解决这个问题,我已经多次更改了代码,所以如果我当前的代码中有错误,我深表歉意。它在Safari和Chrome中看起来不错。有人能帮我找到错误吗 CSS: HTML:Firefox中的CSS水平导航栏对齐问题,firefox,html,css,navigationbar,Firefox,Html,Css,Navigationbar,我的导航栏在Firefox和Opera中处于关闭状态。文本下方的填充明显多于上方。为了解决这个问题,我已经多次更改了代码,所以如果我当前的代码中有错误,我深表歉意。它在Safari和Chrome中看起来不错。有人能帮我找到错误吗 CSS: HTML: 谢谢 文本下方的填充明显多于上方 问题是: 自起,边距:0和页边距底部:设置了50px,上/下比率为0px/50px 它在Safari和Chrome中看起来不错 比较默认样式表: 并查找供应商扩展: ul {
谢谢
文本下方的填充明显多于上方
问题是:
- 自<代码>起,边距:0代码>和
,上/下比率为0px/50px页边距底部:设置了50px
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
margin-bottom: 50px;
}
li {
display: inline;
margin:0;
padding:0;
}
a.one:link,a.one:visited {
font-size: 18px;
line-height: 18px;
font-weight: bold;
background-color: red;
color: white;
font-family: Helvetica,Arial,san-serif;
text-align: center;
padding: 5px 7px;
text-transform: uppercase;
text-shadow: 0.05em 0.05em 0.1em #333;
letter-spacing: 1px;
}
<nav>
<ul>
<li><a class=one href=index.html>home</a></li>
<li><a class=one href=bio.html>bio</a></li>
<li><a class=one href=news.html>news</a></li>
<li><a class=one href=disc.html>discography</a></li>
<li><a class=one href=contact.html>contact</a></li>
</ul>
</nav>