css消除行内元素的间隙

一些工作中的积累

<div>
    <input type="text">
    <span>提交</span>
</div>

可以看出，中间有个间隙，解决这个间隙的办法可以将代码放一行，或者float，margin负值等方法，但最好的方式还是设置父元素的font-size：0，然后再分别设置子元素的font-size。

<div style="font-size: 0;">
    <input type="text">
    <span>提交</span>
</div>