解决inline-block的一些问题

在使用inline-block时，有时候出现的效果莫名奇妙，例如：

• 两个inline-block 元素之间如果有空格、回车、tab，那么在页面上就有一个空隙
• 两个不同高度的 inline-block 元素顶部无法对齐，或者使用inline-block下面无缘无故多出几像素

出现空隙

添加父元素，将父元素的 font-size 设置为0，然后在 inline-block 元素中将 font-size 设置为 指定值。