首页 > 技术文章 > 简易处理图片在div中居中铺满

JimmyBright 2017-12-05 14:05 原文

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

 

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

 1 .imgBox img {
 2   max-width: 100%;
 3   max-height: 100%;
 4   /* min-width: 195px; */
 5   box-sizing: border-box;
 6   position: absolute;
 7   left: 50%;
 8   top: 50%;
 9   transform: translate(-50%, -50%);
10 }
imgBox 是一个长宽固定的div,如下样式
1 .imgBox {
2   /* width: 195px;
3     height: 195px; */
4   background: transparent;
5   position: relative;
6   left: 0;
7   top: 0;
8   border: 1px solid rgba(0, 0, 0, 0.2);
9 }

 

推荐阅读