你真的认为居中对齐那么简单那么我们现在升个级,毕竟要打得怪有点难。。。

消息会诊
您将取消会诊,确认取消会诊吗?
是
否
如这个代码弹出的模态框,怎么样让这个中间白色的块居中对齐,代码如下
//获取黑色遮罩层的宽、高
var modelWidth = $(‘#hz_qxalert1_id‘).width();
var modelHeight= $(‘#hz_qxalert1_id‘).height();
//获取取消会诊确认框的宽、高
var alertWidth = $(‘#hz_qxalert1_id_next‘).width();
var alertHeight= $(‘#hz_qxalert1_id_next‘).height();
//让取消会诊确认框相对于模态框居中
parent.document.getElementById(‘hz_qxalert1_id_next‘).style.left = (modelWidth-alertWidth)/2+"px";
parent.document.getElementById(‘hz_qxalert1_id_next‘).style.top = (modelHeight-alertHeight)/2+"px";
//让取消会诊的确认框显示出来
document.getElementById(‘hz_qxalert1_id_next‘).style.display = "block";
原文:http://www.cnblogs.com/hjptopshow/p/6859814.html
这篇博客介绍了如何使用JavaScript和CSS实现一个模态框内的确认框居中对齐。通过获取元素的宽度和高度,然后计算出相对位置,使确认框在模态框中水平和垂直居中。这种方法对于动态调整窗口大小仍然能保持居中效果。
511

被折叠的 条评论
为什么被折叠?



