通過定位：

　　父級元素：position: relative;

　　子元素：

　　　　　　 position: absolute;

　　　　　　top：50%；

　　　　　　left：50%；

　　　　　　transform: translate(-50%,-50%); // 在不確定自身的高度時

　　　　　　margin: -100px 0 0 -200px; // 確定自身的高度時，margin-top：負的自生高度一半；margin-left：負的自生寬度一半；

使用彈性盒子

　　父級元素：display: flex;

　　　　　　 align-items: center;

　　　　　　　justify-content: center;

使用 display: table-cell;

　　父級元素： display: table-cell;

　　　　　　　vertical-align: middle;

　　子元素：　margin：0 auto；

div垂直水平居中經常使用的方法