如何定位对话框？

Question

我的对话框定位有问题，它总是出现在左上角，它应该居中于中间但是怎么做？

这是我的脚本代码：

$(function() {
    $("#confirmdelete").on("click", function(e) {
        var link = this;

        e.preventDefault();

        $("<div>Soll das Kundenkonto gelöscht werden?</div>").dialog({
            buttons: {
                "Ja, bitte löschen": function() {
                    window.location = link.href;
                },
                "Nein": function() {
                    $(this).dialog("close");
                }
            }
        });
    });
});

Answer 1

$('<div class="dialog">Soll das Kundenkonto gelöscht werden?</div>').

.dialog {
  position: absolute;
  top: 20%;
  left: 50%;
  margin: 0 0 0 -150px;
  width: 300px;
}