实现居中布局

要实现水平垂直居中

1. 子元素是行内，父元素设置text-align:center line-height为父元素的高度
2. 若父元素中没有复杂布局分为两种情况

• 父元素设置：

display:flex;
justify-content: center;
align-items:center

• 父元素设置 display:flex; 子元素设置margin:auto，一般用于行内样式

3. 父元素有复杂布局，例如在做好的页面中实现弹窗

• 父元素相对布局，子元素绝对布局，top:50% left:50% transform:translate(-50%.-50%)