方法1： 定位
代碼：
.parent{
position:relative;
}
.child{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
通過對父元素的絕對定位，使子元素距離父元素頂部50%，左部50%的位置開始顯示，然後再通過CSS3的移動使子元素向左向上移動50%的子元素寬度高度。
方法2：flex彈性佈局
代碼：
.parent{
display:flex;
justify-content:center;
align-items:center;
}
