inline-block元素默认间距的两种清除方法示例代码

话不多说，直接来看示例代码

    
    
    
 .content{
     letter-spacing: -0.5em;
 }
 .content .box{
     letter-spacing: normal;
 }
 .content2{
     font-size: 0;
 }
 .content2 .box{
     font-size: initial;
 }
 .box{
     width: 200px;
     height: 100px;
     background-color: #EEEEEE;
     display: inline-block;
     vertical-align: top;
 }
    


    默认状态
    
 盒子1
 盒子2
 盒子3
 盒子4
 盒子5
    
    方法一  letter-spacing: -0.5em
    
 盒子1
 盒子2
 盒子3
 盒子4
 盒子5
    
    方法二 font-size: 0
    
 盒子1
 盒子2
 盒子3
 盒子4
 盒子5
    

实现的效果图如下

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。