JQuery Dialog 是 jQuery 的一個(gè)插件，它能夠方便地顯示彈出框。

通過設(shè)置其寬和高，可以自定義 JQuery Dialog 的大小。

如下所示的代碼中，我們首先定義了一個(gè)包含 div 元素的 HTML 代碼，然后利用 JQuery Dialog 的實(shí)例化方法來設(shè)置它的大小。

<div id="dialog" title="彈出框">
<p>這是彈出框的內(nèi)容。</p>
</div>
<script>
$( "#dialog" ).dialog({
width: 600,
height: 400
});
</script>

上述代碼中，width 和 height 的值都可以按需修改。

此外，還可以通過 CSS 的方式來自定義彈出框的大小，代碼如下所示：

.ui-dialog {
width: 600px !important;
height: 400px !important;
}

在 CSS 中，我們利用了 !important 選項(xiàng)來強(qiáng)制覆蓋 JQuery Dialog 默認(rèn)的樣式。這樣使用起來更加靈活方便。