div盒子水平垂直居中的方法推荐

父盒子是position:relative

方法一：（宽高肯定）

div绝对定位水平垂直居中【margin 负间距】，

方法二： （宽高肯定）

div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】，

兼容性：,IE7及以前版本不支持

方法三：（宽高不定）

div绝对定位水平垂直居中【Transforms 变形】

兼容性：IE8不支持；

方法四：(宽高不定)

flex布局（对父元素display：flex）

方法五：

父盒子display: table-cell和子盒子display: inline-block（宽高不定）