显示内部带有文本的jquery对话框（绝对中间）

Question

我尝试创建一个只有一个图像+文本的小jQuery对话框。我希望这是绝对中间（垂直+水平）。

以下是我的工作：

HTML

<div id="dialog-modal" style="display:none; text-align:center; margin-top: 10px;">
    <h3>
        <img src="@Url.Content("~/Content/pictures/busy.gif")" alt="Wait..." style="margin-right: 10px;" />
        Please wait...
    </h3>
</div>  

使用Javascript：

$("#dialog-modal").dialog({
    closeOnEscape: false,
    resizable: false,
    draggable: false,
    height: 80,
    modal: true
});
$(".ui-dialog-titlebar").hide();

结果如下：第一次显示对话框：

下次显示对话框时：

我很确定这不是一个好方法。非常感谢任何帮助。

感谢。

Answer 1

对于加载消息，您应该考虑使用一个简单的div，它完全位于屏幕中间，您可以更好地控制它。