让div水平垂直居中的六种方法

**

方法一：绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative;）

**

**

方法二：绝对定位方法：确定了当前div的宽度，margin值为当前div宽度一半的负值。

**

**

方法三：绝对定位方法：绝对定位下top left right bottom 都设置0

**

**

方法四： flex布局方法：当前div的父级添加flex css样式

**

**

方法五：table-cell实现水平垂直居中: table-cell middle center组合使用（让div里面的文本内容）

**

**

方法六：绝对定位：calc() 函数动态计算实现水平垂直居中

**

**

div水平垂直居中方法的优点及缺点

**
链接：https://www.cnblogs.com/mslalan/p/8109901.html