Jquery ui jQueryUI对话框位置和大小

我试图使用jQueryUI创建一个对话框，但遇到了两个我没有预料到的问题，也没有找到一个适合我的解决方案。使用此代码：

$( '<div/>' ).load( $this.attr( 'href' ) ).dialog({
  height: 'auto',
  maxWidth: 600,
  position: 'center',
  resizable: false,
  title: $this.attr( 'title' ).length > 0 ? $this.attr( 'title' ) : false,
  width: 'auto',
  resize: function( e, ui ) {
    $(this).dialog( 'option', 'position', 'center' );
  }
});

$（''）.load（$this.attr（'href'））对话框({
高度：“自动”，
最大宽度：600，
位置：'中间'，
可调整大小：false，
标题：$this.attr（'title'）。长度>0？$this.attr（'title'）：false，
宽度：“自动”，
调整大小：功能（e、ui）{
$（此）.dialog（'option'，'position'，'center'）；
}
});

最后我看到一个对话框，它的位置使得左上角位于屏幕的中心（或左右），其宽度似乎完全取决于它所包含的文本。有什么明显的东西我遗漏了吗？我真的希望整个对话框在两个轴上都居中对齐，宽度不超过600px

---

谢谢。

你的

宽度：“auto”

是罪魁祸首，我想。另外，

resize

功能不适用于浏览器窗口是否调整大小，这只是在对话框本身调整大小时使用的。由于将

可调整大小

设置为

false

，因此不会发生这种情况

同时设置

minWidth

怎么样

$( '<div/>' ).attr('id', 'my-dialog').load( 'hello.html' ).dialog({
  height: 'auto',
  maxWidth: 600,
  minWidth: 500,
  position: 'center',
  resizable: false,
  title: $this.attr( 'title' ).length > 0 ? $this.attr( 'title' ) : false,
});

$(window).resize(function(){
    $('#my-dialog').dialog( 'option', 'position', 'center' );
});

$（“”）.attr（'id'，'my dialog'）.load（'hello.html'）.dialog({
高度：“自动”，
最大宽度：600，
最小宽度：500，
位置：'中间'，
可调整大小：false，
标题：$this.attr（'title'）。长度>0？$this.attr（'title'）：false，
});
$（窗口）。调整大小（函数（）{
$（“#我的对话框”）。对话框（“选项”、“位置”、“中心”）；
});

---

文档中有更多内容：

就是这样。我已经习惯于使用

width:“auto”

，以至于我完全错过了它的存在。现在我只需要将窗口垂直居中，我很好。谢谢