div中图片不拉伸居中显示的两种方法

一、div中添加多一个img

<div class="material_img_img">
	<img src=""/>
</div>

CSS

.material_img_img {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}
.material_img_img img {
    max-width: 100%;
    max-height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

方法二：直接使用div的background属性

.dowmload_page_div_left {
    float: left;
    width: 80px;
    height: 100%;
    background-size: contain!important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background: url("../publish/ftp/files/史迪仔.jpg");
}