# 水平居中 1.父元素和子元素宽度不确定，给子元素设置disply:table属性，margin：auto。不设置table，auto不生效。 2.给父级元素设置text-align：center，子元素设置display：inline-block。 3.父级元素：position：relative；子元素：position：absolute；left：50%；transform：translateX：(-50%) 4.父级元素：display：flex；justify：content-center。 5.父级元素：display：flex；子元素：margin：0 auto # 垂直居中 1.父级元素：display:table-cell;vertical-align:middle 2.父级元素：position：relative；子元素：position：absolute；top：50%；transform：translateY：(-50%) 3.父级元素：display：flex；align-items: center; # 水平垂直居中 结合起来即可。
