如何消除button和input之间的间距

今天在写搜索的时候，发现button标签和input标签之间会存在一个间距。原因是input是内联块状元素(inline-block)；内联元素是当做字体来处理的，字体之间是存在间隔的，所以内联元素之间也会有间隔。但是大多数网站搜索框都会消除它们中间的间距。具体的做法有三种：

1.在父级元素上设置font-size: 0;

让我们先来看一下原来的样子叭~

在input标签的父级元素上设置font-size: 0;之后

**注意：**如果使用这种方法，记得重新设置内联元素(input)的字体大小噢！

2.去掉input，button标签之间的空格（但是不推荐使用此方法）
原图：

删掉空格：

<