弹窗居中实现方式
发布时间:2015-05-27 00:00:23
最近做页面的时候经常会遇到弹出框居中的问题,请教了一下身边的大牛,终于弄出来了,实现的原理:1,给外围盒子定义一个伪类:before 2,外围盒子定义fixed属性3,定义内容盒子。 定义外围盒子:1 outbox{2 position:fixed;3 top: ...
最近做页面的时候经常会遇到弹出框居中的问题,
请教了一下身边的大牛,终于弄出来了,
实现的原理:
1,给外围盒子定义一个伪类:before
2,外围盒子定义fixed属性
3,定义内容盒子。
定义外围盒子:
1 outbox{2 position:fixed;3 top:0;4 right:0;5 bottom:0;6 left:0;7 display:block;8 text-align:center;9 }
原标题:弹窗居中实现方式
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。