图片超出浏览器部分自动隐藏且自适应居中显示

困扰了我一整天的解决方案，终于攻破了。

分享给大家！

CSS部分：

<style type="text/css">
    div{
		overflow: hidden;
		display: flex;
        justify-content: center;
        width: 100%;
        height: auto;

	}

	img {
        min-height: 500px;
	}
</style>

HTML部分：

<div>
    <img src="jitonginfo.jpg" alt="aa">
</div>