CSS 图片居中显示不变形，显示图片中间部分

 

<div style="background-image:url(这里填写图片的路径});
background-repeat: no-repeat;
background-position:center center;
background-size: cover;
width:165px;height:105px;">
</div>	

其他属性没什么可说的，不懂自己百度，

 

最后一个属性，值得注意的两个值：cover和contain

因为w3school说的有点绕， 简单说明一下

cover:让图片填充满父节点，超出部分隐藏，仅显示中间，这才是我们想要的效果。

contain:让图片根据父节点宽高等比例缩放。