css - 为什么在删除 CSS 宽度参数时 ngDialog div block 会展开为全 Angular ？

Question

我在 AngularJS 中使用 ngDialog 在我的网络应用程序中创建弹出对话框。 ngDialog 提供包含宽度参数的 CSS。如果我用 width: initial 覆盖参数，该 block 将扩展为全 Angular 。我希望(并希望)它占用显示其内容所需的最小尺寸。

这是一个minimally working ngDialog exmaple on jsfiddle .单击文本打开对话框并看到它展开为全 Angular 。

我如何调整 css 以使 div 大小足以容纳其内容？

Answer 1

因为默认的 css 是:

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

如果您覆盖 width: 450px，那么作为一个 div - 一个 block 级元素 - 它默认为全宽。

您可以将其更改为 display: inline-block 以使其“恰到好处”