1. 父元素加display:flex;justify-content:center;align-items:center;
2. 子绝父相 子元素left:50%;top:50%;负margin（宽和高一半） 必须知道子元素宽高
3. 子绝父相 子元素left:50%;top:50%;transform:translate(-50%,-50%)
4. 父display:flex;子元素margin:auto;
5. 子绝父相 子元素 left:0;top:0;right:0;bottom:0;margin:auto;
不常用： 6. calc
7. table-cell(把盒子变成表格单元格 单元格居中)
