css图片多出部分隐藏,css图片如何在div居中显示，多出部分隐藏

在前端布局过程当中，由于图片会从数据库获取，宽高不一致，只有强制设置宽高值，可是容易致使图片变形。css

接下来用css来解决上述问题，不过此方法不兼容iehtml

效果图展现：下图始终在div显示居中，不受div的大小影响前端

代码展现：数据库

body{

margin:0px auto;

background: #da7063;

}

.box {

width:300px;

height: 120px;

max-width: 100%;

overflow: hidden;

position: relative;

background: #5cb589;

margin: 20px auto;;

}

.box img {

position: absolute;

top: 50%;

left: 50%;

margin-left: 0;

transform: translate(-50%, -50%);

width: 200px;

height: auto;

}

.box2{ height: 300px; background: #59c8e3}

以上方法较为复杂，不易理解布局