博客

CSS图片按比例居中在div内显示

  • Post author:
  • Post category:其他



div.view-parent-top div.img {
    /* width: 250px; */
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* or */

div.view-parent-top {
    display: table-cell;
    width: 250px;
    height: 250px;
    vertical-align: middle;
}
div.view-parent-top img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}