针对情况：不知道img元素高度
<div>
<img src="../../assets/hp.jpg"/>
<span></span>
</div>
原理： 给img元素添加一个并列的兄弟元素 ，将这个兄弟元素的高度设为父容器的高度 ，再对这个兄弟元素和img元素添加居中对齐，
div{
height:600x; width : 800px;
}
img{
width:98%;vertical-align:middle;
}
span{
display:inline-block; height:100%；vertical-align:middle;
}
如果知道img元素的高度 采用绝对定位