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 样式问题（不在一行，间距）的主要内容，如果未能解决你的问题，请参考以下文章