.test {
width: 350px;
height: 350px;
background-origin: content-box; /*从content区域开始显示背景*/
background-size: contain; /*图像按比例缩放在容器内*/
background-position: 50% 50%; /*图片上下左右居中*/
background-repeat: no-repeat;
}
<div class='test' style='background-image:url(https://csdnimg.cn/cdn/content-toolbar/csdn-logo.png)'></div>
图片按容器大小缩放,上下左右居中
最新推荐文章于 2023-04-08 16:46:22 发布