css div位置居中

div {
  margin: 0 auto;
  width: 200px; /* 需要设置宽度 */
}

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 父元素需要设置高度 */
}

.child {
  width: 200px;
  height: 100px;
}

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 父元素需要设置高度 */
}

.child {
  width: 200px;
  height: 100px;
}

.parent {
  display: grid;
  place-items: center;
  height: 100vh; /* 父元素需要设置高度 */
}

.child {
  width: 200px;
  height: 100px;
}

div {
  margin: 0 auto;
  width: 200px; /* 确保设置了固定的宽度 */
}

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 确保设置了高度 */
}

.child {
  width: 200px;
  height: 100px;
}