原文地址:http://www.cnblogs.com/JimmyBright/p/7681089.html
经常需要在一个长宽固定的div里存放一个图片,这个图片长宽未知,所以需要图片自适应div显示
1 .imgBox img { 2 max-width: 100%; 3 max-height: 100%; 4 /* min- 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 /* 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 }