不定宽高的div水平垂直居中

使用绝对定位和translate

1 原理：位移取值为百分比数值，参照盒子自身尺寸计算移动距离2 核心代码position:absolute;//子绝父相left:50%;top:50%;transform:translate(-50%,-50%);

使用绝对定位和margin

position:absolute;//子绝父相left:50%;top:50%;/*margin*/margin-left:-100px;margin-top:-50px;width:200px;height:100px;

使用flex布局

display:flex;justify-content: center;align-items: center;