我有一些 <li>
items 作为我正在制作的网站上导航栏的一部分,我完全被 items 之前出现的一些间距所困扰。
margin和padding均为0,list-style-type设置为none。有什么想法吗?
我忘记了 website link! Here.
根据要求提供的其他详细信息:
<li>
的文本items 是实际的文本而不是图像。<li>
的文本元素未对齐(删除多余的
'中心')。
相关 CSS:
/*****************
NAVIGATION STYLING
*****************/
#navigation{
position: absolute;
top: 0;
z-index:10;
text-align: center;
width: 100%;
margin: 0 auto 0 auto;
}
#navigation a:link, a:visited{
text-decoration: none;
color: white;
font-size:4.16em;
margin: 0.5em;
line-height: 1.5em;
text-transform: uppercase;
float: left;
width:100%;
}
#navigation #me{
}
#navigation a.im:link, a.im:visited{
line-height: 0em;
}
#navigation a.holly:link, a.holly:visited{
line-height: 0em;
}
#navigation a.games_programmer:link, a.games_programmer:visited{
line-height: 0em;
}
#navigation ul{
height: 50px;
text-decoration: none;
background:#1d6482;
margin: 0;
padding: 0;
}
#navigation li{
display: inline-block;
list-style-type: none;
}
最佳答案
在导航中,任何链接都应该有 margin: 0.5em
。这看起来大约是空间的大小。您的屏幕截图显示您已在 Chrome 中打开它。您应该能够看到应用于该元素的所有样式,并使用每个样式上的复选框删除甚至更改应用的样式以找到罪魁祸首。
关于html - 我怎样才能摆脱这个 <li> 元素中的空间?据我所知,它不是填充或边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13199347/