你的位置:首页 > 软件开发 > 网页设计 > 弹窗居中实现方式

弹窗居中实现方式

发布时间: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 (#换成@)。

可能感兴趣文章

我的浏览记录