Css 这两个元素（<；li>；）之间的随机额外空间是什么？
我有这个问题。我搜索了这个网站，其他人也遇到了类似的问题，但没有一个答案有效。其中包括将线高度设置为0px；并将所有边距/填充设置为0px。我使用Google Chrome的Inspect元素材料来检查边距/填充。我将鼠标悬停在“a”元素和“li”元素上，查看它们是否有任何不必要的填充或边距，但它们没有 奇怪的是，它们在每个链接之间都有一点空白，没有被整个文档中的任何元素占用 现在，由于文本之间没有边界，因此无法识别，但Link4中“a”周围的空间小于Link1中文本周围的空间。第一个“li”元素的宽度奇怪地比第四个“li”容器宽4倍，并且有一点空白。我想去掉空白，有什么想法吗 代码如下： CSS:Css 这两个元素（<；li>；）之间的随机额外空间是什么？,css,html,html-lists,Css,Html,Html Lists,我有这个问题。我搜索了这个网站，其他人也遇到了类似的问题，但没有一个答案有效。其中包括将线高度设置为0px；并将所有边距/填充设置为0px。我使用Google Chrome的Inspect元素材料来检查边距/填充。我将鼠标悬停在“a”元素和“li”元素上，查看它们是否有任何不必要的填充或边距，但它们没有 奇怪的是，它们在每个链接之间都有一点空白，没有被整个文档中的任何元素占用 现在，由于文本之间没有边界，因此无法识别，但Link4中“a”周围的空间小于Link1中文本周围的空间。第一个“li”元
html{
溢出y：滚动；
}
身体{
背景色：#ffdeff；
溢出：隐藏；
}
#包装纸{
宽度：1000px；
高度：0px；
溢出：隐藏；
保证金：自动；
背景色：白色；
左边框：1px实心rgb（210210210）；
}
#标题{
宽度：1000px；
高度：0px；
溢出：隐藏；
保证金：自动；
}
#标题工具栏{
宽度：1000px；
列表样式类型：无；
边界半径：3px；
位置：绝对位置；
}
#导航位置{
位置：绝对位置；
浮动：左；
填充：0px；
边际：0px；
}
.nav链接容器{
背景色：#FF66CC；
显示：内联；
填充：0px；
文本对齐：居中；
}
.导航链路{
填充：0px；
边缘顶部：5px；
边缘底部：5px；
文本对齐：居中；
线高：0px；
显示：表格；
显示：内联；
保证金：0自动；
}
<body>
<script src="jquery-1.9.1.js"></script>
<script>
</script>
<div id="wrapper">
<div id="header">
<div id="header-toolbar">
<ul id="nav-position">
<li class="nav-link-container">
<a class="nav-link">Link1</a>
</li>
<li class="nav-link-container">
<a class="nav-link">Link2</a>
</li>
<li class="nav-link-container">
<a class="nav-link">Link3</a>
</li>
<li class="nav-link-container">
<a class="nav-link">Link4</a>
</li>
</ul>
</div>
</div>
<div id="main"></div>
<div id="footer"></div>
</div>
</body>
</html>
-
链接1
-
链接2
-
链接3
-
链接4
什么都行！多谢各位 将
display:inlineLink1 显示：内联的内容。不幸的是，inline block
与inline
存在同样的问题。这取决于您想要什么（我猜float:left；display:block
起作用，但正如我说的：这取决于）。请创建一个游戏，这样我们就可以玩了。我试过了。它成功了，感谢所有伟大的答案！