怎么用纯css将div定位为窗口居中?

网络上大部分窗口居中都是用js实现的，先获取窗口的大小，然后计算自身的高度，再除以二得到div的X坐标和Y坐标，其实css也可以实现这个功能。

一般居中弹出层使用在提示，或者替换alert窗口达到美化的作用，比如一个div层，高度是300像素，宽度是500像素，看以下代码：

div{ width: 500px; height: 300px; margin: -150px 0 0 -250px; top: 50%; left:50%;position:absolute;}

就可以达到窗口div水平和垂直居中的效果。