簡易處理圖片在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);
}