inline-block 样式问题（不在一行，间距）
Posted 清风叶
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于inline-block 样式问题（不在一行，间距）的主要内容，如果未能解决你的问题，请参考以下文章
关于div设置display: inline-block之后盒子之间间距的处理