要点2：容器设置【top: 50%;left: 50%;】
要点3：要知道容器实际的width和heigh（可以是预设的，也可以是运行时动态获取到的）
要点4：水平居中：margin-left = -1*（width/2），例如width是280px，则设置【margin-left:140px;】
要点5：竖直居中：margin-top = -1*（height/2），例如height是110px，则设置【margin-top:55px;】
例子如下：
html
信息提示 GOOD 确定
css
#alert { position: absolute; width: 280px; top: 50%; left: 50%; margin-top: -55px; margin-left: -140px; border-radius: 5px; background: #fff; z-index: 1000000; padding: 20px; } 运行效果
运行时实际尺寸
Copyright © 2019- huatuo9.cn 版权所有 赣ICP备2023008801号-1
违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务