CSS IMG 居中自适应收集

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>