我们在使用inline-block的时候，经常会发现中间会多出几个间距
<div class="a"> <span>易建联</span> <span>周琦</span> <span>王哲林</span> </div>
那么我们该怎么避免出现这种情况呢
<div class="a"> <span> 易建联</span><span> 周琦</span><span> 王哲林</span> </div>
或者
<div class="a"> <span>易建联</span ><span>淡定</span ><span>王哲林</span> </div>
亦可这样
<div class="a"> <span>惆怅</span><!-- --><span>淡定</a><!-- --><span>热血</a> </div>
<div class="a">
<span>惆怅
<span>淡定
<span>热血</span>
</div>
如果不用兼容之前的ie，还可以
<div class="a"> <span>惆怅 <span>淡定 <span>热血 </div>
.a span{
display:inline-block;
margin-right:-3px;
}
这个3px不是固定的值，是根据当前所用的字体而得到的，假如你也是一个万年用Arial字体的前端工程师，那就是3px，假如你用的Verdana字体，那就是4px,假如你用的是Geneva字体，那么就要改为6px了，所以当你的页面字体确定的时候，这种方法也不是不可用，但是在大规模的场景中，还是会有些小问题的
.a{
font-size: 0;
}
.a span{
font-size: 14px;
}
这是我最喜欢用的一种方法，简单快捷无bug
.a{
letter-spacing: -3px;
}
.a span{
letter-spacing: 0px;
}
和
.a{
word-spacing: -6px;
}
.a span{
word-spacing: 0px;
}
.a{
display: table-row;
}
.a span{
display: table-cell;
}
和
.a{
overflow:hidden;
}
.a span{
float:left;
}
火云邪神苦练多年，终于将蛤蟆功练至顶级并成功产下8个小蝌蚪。
一个男生暗恋一个女生很久了。一天自习课上，男生偷偷的传了小纸条给女生，上面写着“其实我注意你很久了”。不一会儿，女生传了另一张纸条，男生心急火燎的打开一看“拜托你不要告诉老师，我保证以后再也不嗑瓜子了”。。。。。。男生一脸懵逼
小王一辈子窝囊废，行将就木之际就渴望被人夸一次。这份执念感动了老天爷，他派了一个大夫过来说：你这病吧，老厉害了。
昨晚预约了快递上门取件还预点了早餐，结果早上睡太死外卖打电话没听见，直接给我放门口窗台了，后来快递员来取件把我外卖寄走了
有一次和男友吵架了在电话里哭，闺蜜来安慰我，突然，他盯着我的眼睛看。冒出一句：“你的睫毛膏用的什么牌子的，这么哭成这B样，都没掉”。我真是气打不一处来，电话一扔也不哭了。
昨天因为一件事骂儿子，说你妈妈是猪，你也是头猪。儿子却反过来说我：爸爸你怎么这么衰，娶了一头猪，还生了一只猪！你说你这熊孩子，这是不是找打。
相亲见面会上，她侃侃而谈，说她以前的男友如何开豪车，住豪宅，经常夸她如何如何漂亮，一看到她就紧张。 他看了看她：“我，我一般看，看到美女，也，也会紧张的说，说不出话来。” 她噗嗤一笑：“你这种搭讪的方式真老土。” “但，但看到不，不好看的，就，就会结巴。” 那女的立马脸变成了猪肝色