inline-block去掉空白距离的方法

一、现象描述：inline-block形式水平呈现的元素，换行显示或空格分割的情况下，元素之间会有间距，实例如下：

使用CSS将行内元素的display设置为inline-block时，也会出现间隔：

• 首页


• 3D打印服务


• 3D打印机


• 关于我们

ul.test{width:500px;text-align:center;list-style:none;outside:none;background-color:#eee;padding:0 10px;}

ul.test li{display:inline-block;*display:inline;zoom:1;width:100px;background-color:#9f0;}

二、移除空格的方法：

或借助于标签注释

,由于margin负值的大小是与上下文字体和文字大小相关的，因此不适合大规模使用。

因chrome浏览器有一个默认的最小字体大小限制，为兼容chrome浏览器最好使用代码：font-size:0;