h不确定高度垂直水平居中

//methods1
father{
position:relative;
}
child{
position:absolute;
top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 50%;//自己调
        height: 30%;//自己调
       margin: auto;


}
//ms2
father{
position:relative;
}
child{
position:absolute;
        top:50%;
        left:50%;//加此则是水平居中
         transform:translate(-50%,-50%);
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
}
//ms3
father{
    display:flex;/*Flex布局*/
    display: -webkit-flex; 
    align-items:center;
}
child{
    display:flex;/*Flex布局*/
    display: -webkit-flex; 
    display: -moz-flex;
    display: -ms-flex;
     align-items:center;
}