写前端页面需要显示不同企业的logo,各logo尺寸形状不同,但需要显示的区域大小一样,所以需要将图片在固定范围内大小自适应,代码如下:
html
<div class="item_list_top_logp">
<img src="图片地址">
</div>
css
.item_list_top_logp {
border: 1px dashed #D8D8D8;
width: 100px;
height: 100px;
position: relative;
}
.item_list_top_logp img {
max-height: 100px;
max-width: 100px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}