在页面布局时，我们经常会使用到inline元素、inline-block元素，但无可避免都会遇到一个问题，那就是这些元素之间存在间隙（如下图），会导致一些布局上的问题，那么如何删除这些元素之间的间隙？下面我们就来介绍几种方法（以inline元素为例），希望对大家有所帮助。【相关视频教程推荐：HTML教程、CSS教程】

 

　　<divclass="demo">

 

　　<span>我是一个span。</span>

 

　　<span>我是一个span。</span>

 

　　<span>我是一个span。</span>

 

　　<span>我是一个span。</span>

 

　　<span>我是一个span。</span>

 

　　</div>

 

　　.demo{

 

　　width:450px;

 

　　height:200px;

 

　　margin:10pxauto;

 

　　font-size:20px;

 

　　}

 

　　.demospan{

 

　　background:#ddd;

 

　　}