首先,inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距:
<input /> <input type="submit" />
或
<input />
<input type="submit" /> 都会存在自然间距
当我们,更改非inline-block水平元素为inline-block水平,也会有该问题:
.space a {
display: inline-block;
}
<div class="space">
<a href="##">惆怅</a> <a href="##">淡定</a> <a href="##">热血</a>
</div>
或
<div class="space">
<a href="##">惆怅</a>
<a href="##">淡定</a>
<a href="##">热血</a>
</div>
如何解决