可能是配置有问题

效果如下，我都是按照老师教的写的，不知道那里出了问题

已经解决

把div设置成内联块，去掉高度，而改成行高（行高高度为之前设置的高度大小），内部span中取消行高，这样实现居中

父容器没给行高

inline-block才可以给span元素宽度，就可以把图片撑开210px的距离实现两端对齐

.div1{
    border:1px solid #777;
    width:330px;
    height: 250px;
    line-height: 250px;
}
.div1 > span{
    display: inline-block;
    width: 210px;
    vertical-align: middle;
}
.div1 > img{
    width: 100px;
    height: 100px;
    vertical-align: middle;
}

div 加一个line-height就好了