css 未知子元素宽高的居中

.parent{
    position:relative;      
}
.child{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

使用 translate 对子元素的宽高没有要求，在未知宽高的情况下依然适用。

这种方式在子元素是单行或多行文本的时候要求垂直居中的情况下十分适用。