文字和图片同行，垂直居中的三种方式

 1.

img div :display:inline-block;

vertical-align: middle;

2.

父元素：
display:flex

 

父元素flex，子元素自动消除高度差，可以很简单的实现，只是不兼容ie，

flex布局时css3的，兼容性不强。

3.

img: transform: translateY(10px);

改变y值向上向下移动