在這幾天做專案的過程中突然發現，display:inline-block；的元素之間存在一些間距。我檢視之後發現沒有margin,padding這種東西。

    為了解決這個問題我開始在網上尋求幫助。一共有一下幾種方式可解決。

1、行內元素在編輯器中不換行  如：

<div style="display:inline-block">我和相鄰的行級元素之間無間距</div><div style="display:inline-block">我和相鄰的行級元素之間無間距</div>

 這樣不換行可以解決間距問題，但是頁面不美觀啊。那就看看下面的吧

2、使用font-size:0px;這樣也可以使間距消失，但是隨之而來的問題就是這個盒子裡不能有文字了，其子元素可以設定字型需多巢狀一層。

3、設定margin-right為負值，這個得結合字型大小調整，不是特別建議使用。

4、在chrome中：可以使用-webkit-text-size-adjust:none;

5、最後一個flot，flot:left。不建議使用，使用時注意清除浮動。