css如何在父元素不定宽高子元素不定宽高的情况下让子元素垂直居中？

Question

网上看到的一些方法都是父元素定高，或者子元素定高的，都没有两者都不设置宽高达到效果的方法？

Answer 1

.father{
position:relative;
}
.son{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
或者弹性布局,兼容性差点
.father{
display:flex;
justify-content:center;
align-items:center;
}