display的各个属性值里面我介绍了，inline-block既有inline的宽度由子元素决定，可以让block设置上下margin的特性。
浏览器会将 display: inline-block 的元素视为一个巨大的“单词”（或者说一个“字符”）。而在 HTML 源码中，为了代码整洁，我们通常会换行写 <div>。 在 HTML 规范中，换行符（Enter）、Tab 缩进和空格，都会被解析为一个“空格符” (White Space)。
既然浏览器把它当作“单词”处理，那么单词（元素 A）和单词（元素 B）中间如果有换行（即空格符），浏览器就会尽职尽责地渲染出这个空格，以便阅读。