如何将对话框位置放在页面的中心？答案

【问题标题】：how to put dialog box position in the center of the page?如何将对话框位置放在页面的中心？
【发布时间】：2014-07-05 18:41:08
【问题描述】：

我想在页面中心打开我的对话框，这是我的代码：

 $(function() {
   $('#app').button().click(function(){   //bind handlers
   $("#somediv").load('<?php echo CController::createUrl('jobs/apply', array('idJob'=>1)); ?>').dialog({modal:true}); 
   $("#somediv").dialog('option', 'position', 'center');
});
 });

【问题讨论】：

默认应该在中间打开...你的打开在哪里？创建一个复制它的演示

标签： javascript php jquery css dialog

【解决方案1】：

将 CSS 规则：margin: 0 auto; 添加到您的对话框中。如果您希望它在您的网页上弹出，请将您的对话框放在具有以下属性的 div 中：

div.your-class {
    position: absolute;
    width: 100%;
}

然后将margin: 0 auto;添加到您的对话框div

【讨论】：

【解决方案2】：

来自 jquery docs - http://api.jqueryui.com/dialog/#option-position - 您尝试使用的选项已经处于“中心/中心”位置。

默认：{ my: "center", at: "center", of: window }

您应该在您的 css 文件中查找问题和/或使用 Valentin Mercier 提供的答案。

【讨论】：