.parent{

    width:500px;

    height:500px;

    position:relative;

}

.child{

    width:100px;

    height:100px;

    position:absolute;

    left:0;

    right:0;

    top:0;

    bottom:0;

    margin:auto;

}

flex布局

.parent {

    display: flex;

    justify-content: center;

    align-items:center;

}

不知道宽高的情况下，就使用absolute + transform方案就可以，这种方案在项目中使用非常普遍