行内块之间可能有缝隙
原因是因为 标签之间的换行导致的,解决方案
- 横向 --> 使用浮动或不用换行符
- 纵向 --> 元素增加 vertical-align: middle;
如: 会有缝隙
.one,
.two {
display: inline-block;
width: 200px;
height: 200px;
background-color: pink;
}
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
解决方案
增加(推荐)
float:left
或者
vertical-align: middle;
可以解决上下的间隙,左右的是div间的换行导致的