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

父盒子是position:relative

方法一：（寬高肯定）

div絕對定位水平垂直居中【margin 負間距】，

方法二： （寬高肯定）

div絕對定位水平垂直居中【margin:auto實現絕對定位元素的居中】，

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

方法三：（寬高不定）

div絕對定位水平垂直居中【Transforms 變形】

兼容性：IE8不支持；

方法四：(寬高不定)

flex佈局（對父元素display：flex）

方法五：

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