只要將img和span設置?vertical-align: middle 就可以了；

vertical-align屬性是用來修改元素基線的

基線的位置并不是固定的：

1. 在文本之類內聯元素中，基線是內聯元素或者文本下邊緣位置

2. 在圖片中，基線就是圖片的下邊緣

3. 在inline-block中，分為兩種情況

• 如果元素內還有別的內聯元素，基線就是最后一個內聯元素的基線；

• 如果沒有元素內沒有別的內聯元素，基線就是下邊緣

另外我看你上面說的設置了后文字還是比圖片高，應該是因為你span設置了margin-bottom的原因

不受父元素大小限制的情況下，行內元素默認在一行的,定位屬性似乎也沒有必要

img{vertical-align:middle；}

span{vertical-align: middle;}