设置img在父元素中居中

<div class="parent">
    <img src="" class="midImg"/>
</div>

.parent{
  width: 500px;
    height: 500px;
    position: relative;
}

.parent img{
  width: 200px;
    height:200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); // margin-left:-100px;margin-top:-100px;
}