div如何实现水平并垂直居中

定位：

1. 父元素relative，子元素absolute，并且left，right，top，bottom设置为0，margin:auto即可水平垂直居中。
2. 父元素relative，子元素absolute，left为50%，top为50%，再给div设置距左是负自身的一半即：margin-left：负自身宽度/2，margin-top：负自身宽度/2。
3. 父元素relative，子元素absolute，left为50%，top为50%，再给div设置跨左和上是自身的一半：transform:translate3d(-50%,-50%,0)
4. flex布局：

思路：有两个div，父级div和子级div，给父级div设置display：flex，并且设置父级div的水平居中justify-content：center，并且给父级div设置垂直居中align-items：center即可。