盒子居中的四种方法

一、让盒子垂直水平居中的四种方法

1.定位法 利用子绝父相，给父盒子添加相对定位、子盒子设置绝对定位 代码如下，

2.margin-auto法，代码如下，

3.CSS3中提供的transform方法，代码如下。

4.display：flex方法，设置盒子居中，代码如下