不同行内元素的baseline问题（附自己觉得重要的地址)

今天因为需求需要把span标签和input放在一行,结果出现上下位错位的问题，

左边的是input框，右边是span标签内嵌套了两个a标签，a标签有背景图片并绑定相关事件，大家可以很明显看到有几像素的偏差，而这个并不是font-size:0这种可以解决的，所以在网上查了很长时间，在知乎上查到了相关解答。

https://www.zhihu.com/question/26778887

如上

http://w3help.org/zh-cn/causes/RD1016，

其中高票答案的链接地址,

在其中我觉得比较重要的是你需要明白替换元素和非替换元素的baseline差异，这个问题最终可以通过设置vertical-align:top等方法解决