如何解决inline-block缝隙问题

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

    
  • 按钮
  • 按钮
  • 按钮
  • 按钮
  • 按钮
  • 按钮
  • 或者换成

        
  • 按钮
  • 按钮
  • 按钮
  • 2.负magin值

        magrin-left:-4px; 
    

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

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

    3.浮动元素

        float:left​ 
    

    必须清除浮动 父元素添加

        overflow:auto; 
    

    4.父容器设0(最简单)

        font-size:0;​ 
    

    你可能感兴趣的:(如何解决inline-block缝隙问题)