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

Question

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

所有浏览器都显示差距？

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

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

我可以修复使用浮动的问题：留在李的元素，但我需要 理解为什么它的发生。

Answer 1

你的内联元素之间有空白。 float: left解决了这个问题，因为浮动隐式地将元素转换为块元素，而不管display: inline。

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

Answer 2

...但我需要明白为什么会发生。

你的内联元素之间可能有空白或新行。

---

对于进一步的阅读，你可能想看看下面的堆栈溢出后：

• Best way to manage whitespace between inline list items

Answer 3

的字间距CSS属性降低到低于1EM。