css中子元素的居中

1.子元素居中
1.行级元素居中
text-align:center;
line-height:父级高度；
2.块元素居中
1.给父级元素设置
display:flex;
justify-content:center;
align-items:center;
2.给父级元素设置
display：flex；
子元素设置
margin：auto;
3.给父元素设置定位属性，，子元素设置绝对定位，子元素配合属性0px；子元素设置margin:auto;

    4.父元素设置定位属性，子元素相对定位，子元素top：50%;left:50%;
        配合使用margin-top:-height50%;
               margin-left:-width50%;