子盒子水平垂直居中方法：

子盒子水平垂直居中方法：

1、定位

子绝父相

position：absolute；

top：0；

left：0；

right：0；

bottom：0；

margin：auto；

2、定位

子绝父相

position：absolute；

top：50%；

left：50%；

margin-top:负值;

margin-left:负值；

3、定位利用translate；

position：absolute；

top：50%；

left：50%；

transform:translate(50%,50%)；

 4、利用弹性盒子；

 (1)  父元素{

                    display:flex;

                    justify-content:center;

                    align-items:center;

                }

(2)  父元素{

                 display:flex;

               }

                子元素{

                        固定大小

                    margin:auto;  

                }