图片居中显示，不失真，充满容器

最新推荐文章于 2024-03-01 19:40:58 发布

w_gold_qin

最新推荐文章于 2024-03-01 19:40:58 发布

阅读量281

点赞数 1

原文链接：https://blog.csdn.net/caidingnu/article/details/92232872

版权

<div class="img-box">
<img src="src" />
</div>

<style>
img-box {
	width:50px;//容器宽度，就是你希望图片展示对大尺寸，一定要设置
	height: 50px;//容器高度，就是你希望图片展示对大尺寸，一定要设置
	img {
		width: 100%;
		height: 100%;
		object-fit: cover
	}
}