怎么让不定宽高的div垂直水平垂直居中？

怎么让不定宽高的div垂直水平垂直居中？

方法1：
父盒子 display：table-cell(让盒子以表格的形式呈现)；text-align:center；
vertitcal-align:middle；
子盒子 display: inline-block；vertitcal-align:middle；
方法2：子绝父相
父盒子：display：relative；
子盒子：position：absolute；top：50%；left：50%；transform：translate：（-50%，-50%）
方法3：弹性布局
父盒子：display: flex;
justify-content：center；
align-items：center