CSS图片水平居中

  • 第一种 vertical-align: middle
    .imgbox1{
        height: 400px;
        line-height: 400px;
        width: 100%;
        background-color: #dedede;
    }
    .imgbox1 img{
        vertical-align: middle;
    }
  • 第二种 display: table-cell;vertical-align: middle;
.imgbox2{
    height: 400px;
    width: 100%;
    background-color: #fff000;
    display: table-cell;
    vertical-align: middle;
}
    

你可能感兴趣的:(CSS图片水平居中)