HTML 一个div在浏览器页面中居中

HTML 一个div在浏览器页面中居中

第一种方法：（纯css实现）
总的来说，就是绝对定位，设置宽高，top和left设为50%，margin设为：上为高度一半，左为宽度一半。

即使缩放浏览器窗口也能保证div居中
代码：
效果：

第二种方法：（纯CSS实现）
即使缩放浏览器窗口也能保证div居中

效果图：