会显示以上特性，是因为上面标签都有一个隐式的属性：display ；他有三种值正好对应相关标签： display: inline（行元素）/block（块元素）/inline-block(行级块元素) ; 如果要改变标签这一特性，可以在css中显示定义display; 但是在行级元素的标签中应用（position:absolute; float:left/right ;）那么标签会自动改为inline-block; 行级元素都具有文本特性，当两个行级元素处于一行时，如果在他们之间加空格，那么也会跟正常文本一样分隔开； 行级元素或者行级块元素，如果一个是图片一个是文字，那么底对齐，如果标签包含图片和文字那么是文字底对齐，如果都是文字（哪怕字号不一样），是底对齐；如果不喜欢底对齐可以使用（vertical-align:正像素相对下移）调整对齐方法

方式一：因为具有文本属性，将需要去除空隙的图片放在一行，这样他们之间就不会在有空格什么的，自然去除空隙；

html 代码展示：