如何实现将div垂直居中？

第二种方法：使用position和transform

另一种常用的方法是使用 position 和 transform 属性来实现垂直居中。以下是具体步骤：

1. 步骤一

首先，将

元素的位置属性设置为 absolute，并使用 top 和 left 属性将其定位在父容器的上方居中位置。

.parent {
  position: relative; /*设为相对定位，为了作为参照物*/
}

.child {
  position: absolute;
  top: 50%; /*距离上方居中*/
  left: 50%; /*距离左侧居中*/
  transform: translate(-50%, -50%); /*通过负值的偏移量调整位置*/
}

步骤二

接下来，将对应的 HTML 代码插入到页面中：

<div class="erjj1szg143 parent">
  <div class="erjj1szg143 child">垂直居中的内容</div>
</div>

通过以上两个步骤，我们就能够将