1.

    1. 父元素相对定位
    2. margin:auto，position:absoult,top;0,bottom:0,left:0,right;

    2.

    1. 给父级元素设置display:flex,justify-content:center ;  align-item:center
    3. 如果直接设置在body上，需要将html，body的width,height都等于100%

    3,

    1. 父元素相对定位，子元素绝对定位，top是50%，left是50%，在让左上外边距减去一半宽高即可

    1. ```javascript father{width:400px; height:200px; border:1px solid #000;display:table-cell; text-align:center;vertical-align:middle;

    子元素设置行内块

    1. 5.
    2. ```javascript
    3. 父元素相对定位，子元素绝对定位，top是50%，left是50%，最后一步使用transform:translate（-50%，-50%）
    4.  translate(-50%,-50%) 作用是，往上（y轴）,左（x轴）移动自身长宽的 50%，以使其居于中心位置。