如何減少兩個顯示之間的差距：內聯項目？

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。