实现元素水平垂直居中的方式——绝对居中

 1、margin: auto;实现有width属性和height属性的绝对定位元素的居中

    - 元素必须要有width属性和height属性

    - 元素必须要有绝对定位

    - 偏移属性设置：left:0; right:0; top:0; bottom: 0; 

    - margin属性设置：margin: auto;

 2、margin负间距实现有width属性和height属性的绝对定位元素的居中

    - 元素必须要有width属性和height属性

    - 元素必须要有绝对定位

    - 偏移属性设置：left: 50%; top: 50%;

    - margin属性设置：margin: - 元素高度的一半 0 0 - 元素宽度的一半;

 3、transform: translate();实现绝对定位元素的居中

    - 元素设置绝对定位

    - 偏移属性设置：left: 50%; top: 50%;

    - transform属性设置元素的位置：transform: translate(-50%,-50%);

 4、使用弹性布局实现元素的绝对居中

    - 绝对居中的元素的父元素上设置相关属性

        - display: flex;

        - justify-content: center; 主轴上子元素的对齐方式

        - align-items: center; 交叉轴上子元素的对齐方式