水平垂直居中 两三行代码搞定

在网上总结的自认为较精简的三种实现

如果觉得有用，请给个赞吧

<div class="parent">
  <div class="child"></div>
</div>

div.parent {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.parent{
  display:flex;
}
div.child{
  margin:auto;
}

div.parent {
    position: relative; 
}
div.child {
    position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
}