.parent {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  height: 100vh;           /* 容器高度设置为视口高度 */
}

.parent {
    display: grid;
    place-items: center; /* 水平和垂直居中 */
    height: 100vh;       /* 或其他高度 */
}

.parent {
    position: relative;
    height: 100vh; /* 或其他高度 */
}

.child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 根据自身大小调整位置 */
    width: 200px; /* 已知宽度 */
    height: 100px; /* 已知高度 */
}

.parent {
    position: relative;
    height: 100vh; /* 或其他高度 */
}

.child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px; /* 已知宽度 */
    height: 100px; /* 已知高度 */
}

.parent {
  position: relative;
  height: 100vh; /* 或其他值 */
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px; /* 子元素宽度 */
  height: 100px; /* 子元素高度 */
  margin-top: -50px; /* 高度的一半 */
  margin-left: -100px; /* 宽度的一半 */
}