解决inline、inline—block之间空隙问题

发现问题

            代码如下：

           

            效果如下：

               

解决问题：

    原因：由于换行字符会被浏览器解析成一个空格符，所以就会产生一个间隙

    解决方法：

               方法1：将行内或行内块元素写在一行，不过不建议这么写，这样编排不够简洁优雅。

               方法2：给父元素设置font-size：0；因为空格符也是字符，设置font-size：0 即可消除空隙。

               方法3：可以通过margin来调整位置