元素水平垂直居中

1.已经大小的元素在浏览器可视窗口中水平垂直居中

代码

效果：

2、未知大小的元素在浏览器可视窗口中水平垂直居中

代码

效果：

3、已知大小的元素在父元素中水平垂直居中 

代码

效果：

4丶未知大小的元素在父元素中水平垂直居中方法1；

代码：

效果：

5丶未知大小的元素在父元素中水平垂直居中方法2；

代码：

效果：