div中图片水平竖直居中

.imgShow {

width: 9rem;

height: 9rem;

background-color: #ffa8b4;

 

<!-- 主要功能代码就这三行  给父类div加这三行代码就居中了-->

justify-content: center;

align-items: center;

display: flex;

<!-- end -->

}

 

#img_works {

display: block;

max-height: 9rem;

max-width: 9rem;

}

<div class="imgShow">

    <img id="img_works" src="image/cqsj.png"/>

</div>