javascript - 居中 jQuery UI 对话框

Question

有没有人遇到过这个问题 - 我有一个 jQuery UI 对话框，它在 FF 和 IE 中完美居中，但在 Chrome 中卡在左边!

代码非常标准。尽管如此，我还是在下面复制它:

<script>
$(function() {$('#dialog1 ').dialog({autoOpen: false, 
width: 700, height: 400, buttons: {
                        "Ok": function() { 
                            $(this).dialog("close"); 
                            }, 
                        "Cancel": function() { 
                            $(this).dialog("close"); 
                            }
                        }
                    });
        });
</script>

<div id="dialog1">Hello</div>

单击按钮时使用 $("dialog1").dialog("open") 打开

Answer 1

如果您将此添加到您的样式表，它应该可以解决您的问题:

.ui-dialog { margin:0 auto; }