第一种外边是div里面是img:
<div class="container">
<img class="wrap" src="1.jpg" alt="">
</div>
<pre name="code" class="html">.container{width:600px;height: 600px;line-height:600px;background: blue;text-align: center;
}
.wrap{
vertical-align: middle;
}
第二种是外边是div里面也是div:
<pre name="code" class="html"><div class="container">
<div class="wrap"></div>
</div>
.container{width: 300px; height: 150px; background: blue; text-align: center; vertical-align:middle; display: table-cell;}
/*添加display属性*/
.wrap{margin:auto; width:100px;height: 100px;background: #f00;}