绝对定位居中

left: 50%; top: 50%;
        transform: translate(-50%, -50%); 
        position: absolute;  /* 50%为自身尺寸的一半 */

  position: absolute; left: 0; top: 0; right: 0; bottom: 0;

    margin: auto;    /* 有了这个就自动居中了 */