行内元素中间有空隙 span中间有间隙 div之间有空白

原因：

换行符、空格也是一个字符，会占据一个位置，导致空白出现。

解决：

1. 换行的元素进行浮动
2. 换行元素的父元素设置font-size: 0;, 换行元素再正常设置font-size: 13px;之类的
3. 欢迎补充。

例子：

* {
  margin: 0;
  padding: 0;
}
.father {
  width: 100px;
  background-color: antiquewhite;
  font-size: 0;
}
.child {
  font-size: 13px;
  display: inline-block;
  background-color: pink;
}

<div class="father">
  <div class="child">測試換行無空格</div>
  <div class="child">測試換行無空格</div>
</div>