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

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

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

<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%); }