首页 > 代码库 > 弹层相对于浏览器窗口(或屏幕)居中
弹层相对于浏览器窗口(或屏幕)居中
三、弹层相对于浏览器窗口(或屏幕)居中:
可将弹层对应的dom作为body第一层子元素,然后给弹层设置样式:
{ background-color: #fff;
left: 50%;
margin: -高/2 0 0 -宽/2;
position: fixed;
top: 50%;
width: 300px;
height: 300px;
z-index: 25;
}
PS:
1、margin的值设置: -(元素的实际高度/2) 0 0 -(元素的实际宽度/2);
2、该元素的宽高如果被内部元素撑开,也可不写;
弹层相对于浏览器窗口(或屏幕)居中
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。