1.section方案
class
.centerImg{
border:solid 1px #ccc;
background-color:red;
background-image:url(xxx.jpg);
background-origin:content;
background-position:50% 50%;
background-size:contain; /*保持图像本身的宽高比例,将图片缩放到宽度或高度正好适应定义背景的区域*/
background-repeat:no-repeat;
}
use
<section class="centerImg" style="width:400px;height:200px;"></section>