简易处理图片在div中居中铺满

原文地址：http://www.cnblogs.com/JimmyBright/p/7681089.html  

 

经常需要在一个长宽固定的div里存放一个图片，这个图片长宽未知，所以需要图片自适应div显示

.imgBox img {
  max-width: 100%;
  max-height: 100%;
  /* min-width: 195px; */
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

imgBox 是一个长宽固定的div，如下样式

.imgBox {
  /* width: 195px;
    height: 195px; */
  background: transparent;
  position: relative;
  left: 0;
  top: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
}