如何减少两个显示之间的差距：内联项？

Question

如何减少两个显示之间的差距：内联项？

所有浏览器都显示差距？

ul.tabs li {
display:inline;
margin:0 padding:0;}

alt text http://img167.imageshack.us/img167/7283/pruebank5.gif

我可以使用float：left在LI元素中修复问题，但我需要 了解它为什么会发生。

Answer 1

您的内联元素之间有空格。 float: left解决了这个问题，因为无论display: inline如何，浮动都会隐含地将元素转换为块元素。

您需要在;和margin:0之间padding: 0。

Answer 2

  

......但我需要了解它为什么会发生。

您的内联元素之间可能有空格或新行。

---

如需进一步阅读，您可能需要查看以下Stack Overflow帖子：

• Best way to manage whitespace between inline list items

Answer 3

将字间距CSS属性减少到小于1em。