今天完成的事：

一、去除inline-block间距有哪几种方法？

1.移除空格

元素间留白间距出现的原因就是标签段之间的空格，因此，去掉HTML中的空格，自然就OK了。

比如书写时：

<div class=".....">

        <a href="##">

         ...</a><a href="##">

         ...</a><a href="##">

         ...</a>

</div>

或者

<div class="...."> 

        <a href="##">....</a 

         ><a href="##">...</a

         ><a href="##">...</a> 

</div>

或者用注释

<div class="....."> 

         <a href="##">....</a><!--

          --><a href="##">.....</a><!--

          --><a href="##">.....</a>

</div>

2、使用margin负值

网上说由于外部环境的不确定性和最后一个元素多出的父margin值等问题，不适合大规模使用，这点不是很理解。

3、闭合标签

在HTML5中可以直接写为

<div class="....."> 

         <a href="##">....

         <a href="##">.....

         <a href="##">.....

</div>

但为了兼容ie6/ie7等浏览器，最后一列标签的闭合不能丢。

<div class="....."> 

         <a href="##">....

         <a href="##">.....

         <a href="##">.....</a>

</div>

4、使用font-size：0；和letter-spacing

在inline-block的父元素中设置样式font-size：0；letter-spacing: -4px; 然后设置inline-block的所有兄弟元素 font-size：值；letter-spacing: 值px;  恢复正常的显示。

二、弹性盒子进一步了解

做任务的过程中了解了justify-content属性