display:inline-block产生的间距

一、存在问题

今天在写页面时碰到个问题，我设置元素为display:inline-block，但是在一行排列的时候，总是有莫名其妙的间距，依稀记得这个问题以前碰到过，于是去网上进行查阅。

二、解决方法

(1) 在网上看了下，有一个是用margin负值来解决，让这些元素margin-left:-3px。但是我试了下，在我这边是谷歌浏览器，用了margin:-5px才解决了间距问题。

(2) 还看到一个方法，就是移除代码里的空格，比如原本是这样写的页面结构：

改成：

我是直接采用了第二种的解决方法，页面的排版拼接处理下，能解决我目前的需要。怕后面又忘了，在这里简单记录下。以后遇到需要其他方法解决时再来补充。