transform: translate(-50%,-50%);
第一个-50%是向左位移自身大小的一半，第二个-50%是向上位移自身大小的一半。
一般用于设置样式在中间。如

position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,50%);

如果只有一个数值那是左右方向
transform: translate(-50%) 向左偏移自身大小一半。