css实现弹出框在页面居中
做弹出框的时候,发现手动微调到弹框页面居中还是比较难实现的,后来学习了一种新方法,给css加三行代码就可以轻松实现,不过此方法在IE下不兼容,建议可以用@media方法给IE设置单独的样式进行调整。下面介绍一下具体方法:
用top:50% left:50%定位后元素的左上角会处于页面中间,transform:translateX(-50%) translateY(-50%)让元素相对于他自身的宽高反向移动。
这样就可以啦,简单实用,再给个参考链接:http://blog.****.net/chueia/article/details/68927501