在网页中让元素居中

#translateTest{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: 30%;
  }

top: 50%;left: 50%;表示元素块的左顶角距离左边50%，距离顶部50%，左顶角实现了居中，但是整个元素并没有。此时就需要利用百分比偏移让元素块根据自己的宽高将自己以左顶角为原点进行左右上下偏移，以实现居中的效果