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>

解决方案：

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

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

只可能是注释。

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

标签：

原文地址：http://www.cnblogs.com/tx8899/p/4682031.html