inline-block 样式问题（不在一行，间距）

span {

　　display: inline-block;

}

设置样式后导致元素之间不在一行， 且有间距

<div>

　　<span></span>

　　<span></span>

</div>

 

解决不在一行的方法

span {

　　display: inline-block;

　　vertical-align: middle|top|bottom

}

解决间距问题，如果是javascript 拼接生成的不会出现这种问题

将span写在一行

<div>

　　<span></span><span></span>

　　或者

　　<span></span><span>

　　</span>

</div>