如何解决inline-block缝隙问题

1.三行换成一行 让html元素没有间隔

    <li>按钮</li>
    <li>按钮</li>
    <li>按钮</li> 
    <li>按钮</li><li>按钮</li><li>按钮</li>​  

或者换成

    <li>按钮</li
    ><li>按钮</li
    ><li>按钮</li>​   

2.负magin值

    magrin-left：-4px； 

第一个会超出来 解决方法：

    .box>li:first-child{magrin-left:0;}​ 

3.浮动元素

    float：left​ 

必须清除浮动 父元素添加

    overflow：auto; 

4.父容器设0（最简单）

    font-size:0;​