有时候为了布局需要，我们需要把一些块状元素的display属性设置为inline-block，让它们在一行排列，如下代码：
A
B
C
D
运行代码，结果如下：
虽然4个块状子元素排在了一行，但是子元素之间却有空隙！
产生空隙的原因是：HTML中的换行符、空格符、制表符等空白符，在字体大小不为0的情况下，空白符占据一定宽度，使用inline-block会产生元素间的空隙。
消除inline-block之间的空隙有下面几种常用方法：
- 父元素的font-size设置为0，子元素的font-size设置为实际大小。