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>