CSS - display:inline-block 相邻元素间有4px的空白间距

取消“display:inline-block 相邻元素间有4px的空白间距”

Demo：http://jsfiddle.net/JSDavi/p6gcx6nx/

例子：

<div sytle="display:inline-block; width:25%;background-color:blue;">aaaaaa</div>

<div sytle="display:inline-block; width:50%;background-color:red;">bbbbbb</div>

<div sytle="display:inline-block; width:25%;background-color:green;">ccccccc</div>

解决方案：

1、清除（inline-block）元素“</div>”和“<div>”的空白，

即上一元素的结束标签和下一元素的开始标签中不能出现空格、换行、内容，

只可能是注释；

2、对inline-block的父元素添加font-size：0；,对inline-block元素及兄弟元素各自设置font-size大小；

3、去掉display:inline-block，或改为display:block，并添加float：left；

转载于:https://www.cnblogs.com/tx8899/p/4682031.html