1、div的水平居中：
margin:0 auto
有高度和宽度的垂直居中：
如果想水平加垂直居中的DIV已知高度和宽度，是最好办的了！
1、先让这个DIV绝对定位；
2、让他距离上边50%，左边50%；这会这个DIV的左上角这个点就是窗口的正中间；
3、因为已经知道了这个DIV的高和宽了，那么再从这里点向左移动总宽的一半就可以了， 向上呢也同理；
下面的只是适合absolute的，relative是不适合的。
/*垂直居中，所以一共有三种水平垂直居中的方法
*/
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
或者通过计算高度和宽度：
top: 50%;
left: 50%;
margin: 一半,一半;
不知道高度和宽度的水平垂直居中
position: absolute;
top: 50%;
left: 50%;
transform: translate("-50%","-50%");