1、首先我们的代码里先引入jquery脚本库，和Jquery UI库。
2、html里就需要一个简单的div就行了，这个作为弹出框的内容。
3、要生成Dialog弹出框，直接调用dialog方法就行了，调用的对象就是刚才html里的div。
4、运行页面，我们可以看到现在的弹出框，已经正常显示出来了，而且可以看到，在默认情况下，这个弹出框就已经居中了。这是因为弹出框默认的position属性就是设置居中的，是相对于window整个窗口来居中的。
5、如果你要设置让其相对于某个容器居中，而不是相对整个窗口来居中，那么我们可以设置position属性里的of参数，将其设置为对应的容器就行了。
position: { my: "center", at: "center", of: "#bd_container" },
bd_container就是一个div容器的id，我们让弹出框相对这个div居中。
6、bd_container这个div设置一下样式，让其宽为600px，高为300px。
7、重新运行页面，可以看到现在的弹出框对于整个页面是不居中的。
8、但对于它的父窗口div，它是居中的。
