当行内元素(此处主要是指inline-block)在一行显示时，存在默认的行间元素间隙，在布局时可能要去除
第一种方法: font-size(在子元素或者父元素上设置都可以，看需求) //适用inline-block元素
<div class="parent" style="font-size: 0;"> <input type="text"> <input type="text"> </div>
第二种方法：letter-space(在父元素上设置) //适用inline-block元素 //关于-5px,经测试，只有这个数值刚好重合，或许是个巧合，可自行测试
<div class="parent" style="letter-space:-5px;"> <input type="text"> <input type="text"> </div>
第三种方法：word-space(在父元素上设置) //适用inline-block或者inline元素
<div class="parent" style="word-space:-5px;"> <input type="text"> <input type="text"> </div>
第四种方法：float(在子元素上设置) //适用inline-block或者inline元素
<div class="parent"> <input type="text" style="float:left;"> <input type="text" style="float:left;"> </div>
原文：https://www.cnblogs.com/zgdawdl/p/9919391.html