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

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

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

1. 在文本之類內(nèi)聯(lián)元素中，基線是內(nèi)聯(lián)元素或者文本下邊緣位置

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

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

• 如果元素內(nèi)還有別的內(nèi)聯(lián)元素，基線就是最后一個內(nèi)聯(lián)元素的基線；

• 如果沒有元素內(nèi)沒有別的內(nèi)聯(lián)元素，基線就是下邊緣

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

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

img{vertical-align:middle；}

span{vertical-align: middle;}