css实现弹出框在页面居中

    做弹出框的时候，发现手动微调到弹框页面居中还是比较难实现的，后来学习了一种新方法，给css加三行代码就可以轻松实现，不过此方法在IE下不兼容，建议可以用@media方法给IE设置单独的样式进行调整。下面介绍一下具体方法：

    用top:50% left:50%定位后元素的左上角会处于页面中间，transform:translateX(-50%) translateY(-50%)让元素相对于他自身的宽高反向移动。  

    

   这样就可以啦，简单实用，再给个参考链接：http://blog.csdn.net/chueia/article/details/68927501