CSS盒子水平垂直布局

文本水平居中

（1）父元素：text-align:center;

div垂直居中：

（1）父元素：display：flex;
     子元素：align-self:center;

div水平垂直居中：
flex布局：

（1）父元素：display：flex;
            justifiy-content:center;
            align-items:center;
    子元素：

父相子绝（父元素相对定位，子元素绝对定位）：

（2）父元素：position：relative;
     子元素：postion：absolute;
            left：50%;
            right：50%;
            transform：translate（-50%，-50%）;