JQueryUI 对话框：“自动”宽度不考虑垂直滚动条

Posted 2023-05-08

【中文标题】JQueryUI 对话框：“自动”宽度不考虑垂直滚动条

【英文标题】：JQueryUI Dialog: 'auto' width does not consider vertical scrollbar

【发布时间】：2017-09-23 01:15:40

【问题描述】：

我有一个 JQueryUI 对话框，其 width 属性为 'auto'。一切正常，除非内容超出对话框的高度：出现垂直滚动条（如预期的那样），但这样的滚动条会弄乱对话框内容的布局。

我认为width:auto 属性会考虑滚动条，但事实并非如此。

在出现垂直滚动条的情况下，有没有办法动态调整对话框的宽度？

这是我期望的对话框：

当我点击“Hoja 2”标签时，内容会发生变化，宽度会自动调整：

如您所见，滚动条出现并将第二个框向下推。

【问题讨论】：

这样的滚动条弄乱了对话框内容的布局，你能分享指向问题区域的图片吗？

添加了几张截图！

【参考方案1】：

解决了将内容包装在以display:flex 为样式的 div 容器中的问题。