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; }