如何去除inline-block元素间间距

首先，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>

 

如何解决

https://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/