- 第一種 vertical-align: middle
.imgbox1{
height: 400px;
line-height: 400px;
width: 100%;
background-color: #dedede;
}
.imgbox1 img{
vertical-align: middle;
}
<div class="imgbox1">
<img src="images/404.gif" alt="">
</div>
- 第二種 display: table-cell;vertical-align: middle;
.imgbox2{
height: 400px;
width: 100%;
background-color: #fff000;
display: table-cell;
vertical-align: middle;
}
<div class="imgbox2">
<img src="images/4042.gif" alt="">
</div>
