Html 删除列表中的空格

伙计们，我在

ul

列表中有一些空格。我尝试设置

padding:0

和

margin:0

而不工作，我在左边框附近又有一个空格。 查看我的屏幕截图：

这是我的代码：

div.topbar-list>ul{
保证金：0；
填充：0；
溢出：隐藏；
列表样式：无；
}
div.topbar-list>ul>li{
填充物：5px；
显示：内联块；
左边框：1px实心#ccc；
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-o型过渡：所有0.5s的轻松度；
过渡：所有0.5s缓解；
}
div.topbar-list>ul>li：第一个孩子{
右边界：0无；
}
div.topbar-list>ul>li a{
颜色：#333；
}
div.topbar-list>ul li:悬停{
背景色：#eee；
}
div.topbar-list>ul>li a:悬停{
文字装饰：无；
}

这是由“显示：内联块”引起的。要修复它，可以给元素一个负边距

这是由“显示：内联块”引起的。要修复它，可以给元素一个负边距

Use Float:left; instead of display:inline-block;

因为显示：内联块总是放置一些间距

---

因为显示：内联块总是放置一些间距。

是的，工作非常完美。谢谢@Mukesh Ramyah，工作很好。谢谢@Mukesh ram你对

内联块的看法是正确的，尽管负边距无法修复它。克里斯，你确定吗？我在我的一个项目中使用了负边际，它工作得很好……这更像是一个黑客，而不是一个真正的修复。最初的空间仍然存在。最好是完全删除空格。负的边距会起作用，但这不是一个好办法。原因是空格取决于各种因素，如字体、大小等。因此，
右边距：-4px
不适用于所有情况。您对
内联块的看法是正确的，尽管负边距无法修复它。克里斯，您确定吗？我在我的一个项目中使用了负边际，它工作得很好……这更像是一个黑客，而不是一个真正的修复。最初的空间仍然存在。最好是完全删除空格。负的边距会起作用，但这不是一个好办法。原因是空间取决于各种因素，如字体、大小等。因此
右边距：-4px
不适用于所有情况。