弹层或弹窗如何在当前窗口居中

CSS小白，大神勿喷，这里只提供一个方法，欢迎指摘
话不多说，来个小漩涡 =》直接上代码

.alert {
  z-index: 9;
  position: fixed;
  width: 630rpx;
  border-radius: 16rpx;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

固定高度的情况下，就好办了，直接算出top值就可以
translate这个函数比较重要
top: 50%;left: 50%;这时肯定不是中心点
translate(-50%,-50%) 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于中心位置