Question

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: 1000 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

我正在使用Jquery模式弹出窗口。所有当我尝试在我的asp.net页面上打开它时，它显示在中心，但我想在左边打开它。试过，发现没有解决方案。

这就是我在Jquery中所做的：

$j(function() {
    $j("#dialog").dialog({
        title: "Warning",
        buttons: {}
    });
});

<div id="dialog" style="display: none;left:0;bottom:0;">
    * Invalid Username
</div>

我想将div与左下角的对话框对齐。怎么做？

谢谢。

Answer 1

$j(function() {
    $j("#dialog").dialog({
        title: "Warning",
        position: [0, 600],
        buttons: {}
    });
});

通过写作位置：[0,600]我解决了它。

如何使用CSS将jQuery div对齐到左下角？

1 个答案: