以下一段简单的代码，在 不同的开发环境中可以取得不同的效果：
<div class="filter" >
<input style="width:120px"></input>
<select style="width:120px"></select>
</div>
在一些环境下，inline-block 控件间会有间隔，类似：
image.png
而另外一些环境下则没有，类似：
image.png
经过测试，可以确定，这个空格是由于浏览器对 inline-block 控件 之间的换行符等空白字符渲染了一个空格字符；
如果不想要，则需要修改父元素的属性，如 letter-spacing 等，或者写在一行,这样就不会有额外的间隔了
ref
<div class="filter">
<input style="width:120px"
></input><select
style="width:120px"></select>
</div>
但这又引发了第二个问题，为啥有些环境，没做什么设置又没有了这个间隔？
经过测试，发现，是开发环境导致的，在一些开发环境中，会对HTML代码进行压缩，去除掉不必要的回车等字符，如以下这些环境 ：
- vite
- codepen
