- 1、translate(-50%,-50%)表示向上向左移动自身长宽的50%，缺点依赖于transfrom2d的兼容性，优点不用关心子元素长宽,子元素绝对定位：position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)
- 2、父元素：display:flex; just-content:center;align-items:center
- 3、父元素：display:flex;子元素：margin:auto
- 4、父元素 display:table-cell;vertical-align:middle;text-align:center
- 5、父元素：相对定位；子元素：绝对定位，top:0;left:0;bottom:0;right:0;margin:auto
