jQuery调整对话框大小以移动边框

Question

我无法调整大小的jQuery对话框。当我调整对话框大小时，broder会改变。最初看起来像这样：

这看起来不错，直到我调整了几次。然后看起来很奇怪：

边界变高，内容变小。

导致此错误的主要原因是box-sizing: border-box;

重现此问题的代码：http://jsfiddle.net/QBqff/2/

它被称为jQuery错误，报告在这里：https://bugs.jqueryui.com/ticket/9137

应用修订程序从box-sizing: border-box;更改为box-sizing: content-box;后，行为得到了改善，但没有得到解决。如果您多次调整大小，仍然可以看到颜色消失了。

此问题已解决：http://jsfiddle.net/tj_vantoll/DFd74/

有人可以帮助我解决这个奇怪的问题吗？非常感谢！

Answer 1

我曾经经历过同样的挣扎，SELECT ... FROM ... WHERE IDcol = {guid {753DA23E-D9B5-4570-BFD8-30F7B9B4F450}} 事件对我有很大帮助。也许不是最好的方法，而是一种方法；）

您要做的是在每次调整大小时重置内容区域的宽度。

resize

Answer 2

当您调整窗口大小时，添加的内容框实际上会自动调整大小，并且width被自动分配为.ui-dialog和.ui-dialog-content div都将设置width和height，因此将它们重置。您可以在jquery-ui.js中_size: function()的代码中看到它。

但是您的问题更多是对齐，因为黄色背景div保持左对齐，并且向要添加的div中添加margin:0 auto;使其与标题对齐，从而使左右间距相等。

var content = $('<div style="background-color: yellow; margin: 0 auto;">aaaaaa</div>');

请参见fiddle