如果在元素上设置，display样式为inline-block,可能会产生左右的边距，和上下的边距,产生的结果如下图所示，
示例代码：
<html>
<head>
</head>
<style type="text/css">
*{margin:0; padding:0;}
.test{
width:600px;
border:1px blue solid;
/*font-size: 0;*/
}
.test div{
width:100px;
height:100px;
display:inline-block;
background:blue;
/*vertical-align: bottom;*/
}
</style>
</head>
<body>
<div class="test">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>解决方案:如果存在左右方向的间距，需要在父视图上，设置font-size:0;如果在上下有间距，如果间距在上面， vertical-align:top;如果间距在下面，可以设置 vertical-align:bottom;
学习博客：
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
