CSS图片水平居中

• 第一种 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>