div中的img图片居中显示

div中的img图片居中显示

 <div class="figure">
        <img src="https://img-blog.csdnimg.cn/20210107225506694.jpg"/>

</div>
css代码：

 .figure{
	    width: 100%;
	    height: 600px;
	    background: red;
	    text-align: center;
	    overflow: hidden;
}

 .figure>img{
	    height: 100%;
	    margin: 0 -100%;
}

主要代码：父元素设置text-align:center;
img设置margin:0 -100%;