1) 图片没使用float(文字为行内元素):图片元素需加上vertical-align:middle(此语句对float元素无效),然后通过使用margin-top(不加上先前语句使用此语句会使图片文字一块移动)进一步调整图片位置即可。貌似加不加display:inline-block没区别啊。
ps:若将vertical-align:middle加在文字元素上,改变margin-top文字和图片仍会一块移动。
2) 图片使用了float(文字为块级元素):图片元素直接margin-top调整即可。
另外:vertical-align不是与文字相关的属性,不能继承,必须写在要调整位置的元素里;line-height,text-align等可以继承。