图片截取部分显示

图片截取中间部分显示，不会变形

<span className="js_img_icon" src="https://mmbiz.qlogo.cn/mmbiz/BZhpicRGKHEWcYRO0nRYHicdCVGk1C9QFZ3LVibPgic5AcCTkc9FYricibUZxhO3E9OvT8hYpd4PQ11wsb0goB7aPm1Q/0?wx_fmt=jpeg"></span>

.js_img_icon {
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url(https://mmbiz.qlogo.cn/mmbiz/BZhpicRGKHEWcYRO0nRYHicdCVGk1C9QFZ3LVibPgic5AcCTkc9FYricibUZxhO3E9OvT8hYpd4PQ11wsb0goB7aPm1Q/0?wx_fmt=jpeg);
width: 169px;
height: 169px;
text-align: center;
}

 

 显示情况：

原图：

 

转载于:https://www.cnblogs.com/liuna/p/6933418.html

总结

以上是生活随笔为你收集整理的图片截取部分显示的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。