css - 删除CSS width参数时，为什么ngDialog div块会扩展为全 Angular ？

我在AngularJS中使用ngDialog在我的Web应用程序中创建弹出对话框。 ngDialog提供了包含width参数的CSS。如果用width: initial覆盖参数，则块将扩展为全角。我希望（并希望）它占据显示内容所必需的最小尺寸。

这是minimally working ngDialog exmaple on jsfiddle。单击文本以打开对话框，然后将其展开为全角。

如何调整CSS，使div足够大以适合其内容？

最佳答案

因为默认情况下，css是：

.ngdialog.ngdialog-theme-plain .ngdialog-content {
   max-width: 100%;
   width: 450px;
 }

如果覆盖width: 450px，则作为div-块级元素-默认为全宽。
您可以将其更改为display: inline-block以使其“合适”