今天看啥
热点:

弹窗居中实现方式,弹窗居中实现


最近做页面的时候经常会遇到弹出框居中的问题,

请教了一下身边的大牛,终于弄出来了,

实现的原理:

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 }

定义外围盒子伪类:

outbox:before{
   content="";
   width:0;
   height:100%;
   display:inline-block;
   vertical-align:middle;
}

定义内容盒子:

1 contentbox{
2    display:inline-block;
3    vertical-align:middle;
4    text-align:center;
5 }

 

www.bkjia.comtruehttp://www.bkjia.com/Javascript/1005814.htmlTechArticle弹窗居中实现方式,弹窗居中实现 最近做页面的时候经常会遇到弹出框居中的问题, 请教了一下身边的大牛,终于弄出来了, 实现的原理...

相关文章

    暂无相关文章
相关搜索:

帮客评论

视觉看点