CSS

CSS

水平垂直居中的方式

<div class=".wp">
  <div class="box"></div>
</div>

1. flex

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

2. grid

.wp {
  display: grid;
}
.box {
  align-self: center;
  justify-self: center;
}