本文最后更新于2022年7月9日，已超过 1 年没有更新，如果文章内容失效，请 反馈 给我们，谢谢！
例如一张宽度为1000像素的图片我想要从中间开始等比绽放到100像素，然后左边和右边超出来的部分隐藏，得到我想要的按比例缩放图片效果。
原图如下：
代码如下：
<div style="width:500px;overflow:hidden;display:flex;justify-content:center;align-items:center;"> <img src="1.jpg"/> </div>
上面的代码是将一张图片的宽度设定为500像素超出来的左右等比隐藏。效果图如下：
版权所有丨如未注明 , 均为原创丨本网站采用 BY-NC-SA 协议进行授权 , 转载请注明 出处！
