一个div容器固定长宽,要求放一张图片在里面,不要变图片比例,尽可能充满容器
div{
width:50px; height:50px;
position:relative; }
img{
max-width:50px;
max-height:50px;
position:absolute;
top:50%;
left:50%;
tansform:translate(-50%,-50%); //该属性浏览器兼容性自己考虑
}
<div>
<img/>
</div>
一个div容器固定长宽,要求放一张图片在里面,不要变图片比例,尽可能充满容器
div{
width:50px; height:50px;
position:relative; }
img{
max-width:50px;
max-height:50px;
position:absolute;
top:50%;
left:50%;
tansform:translate(-50%,-50%); //该属性浏览器兼容性自己考虑
}
<div>
<img/>
</div>