1,父元素要设置display:inline-block
2,子元素设置vertical-align: middle;
注意:子元素为浮动元素的话会有问题
后补上:
1) 图片没使用float(文字为行内元素):图片元素需加上vertical-align:middle(此语句对float元素无效),然后通过使用margin-top(不加上先前语句使用此语句会使图片文字一块移动)进一步调整图片位置即可。貌似加不加display:inline-block没区别啊。
ps:若将vertical-align:middle加在文字元素上,改变margin-top文字和图片仍会一块移动。