删除CSS宽度参数时，为什么ngDialog div块会扩展到全宽？

我正在使用AngularJS中的ngDialog在我的webapp中创建弹出对话框。ngDialog提供包含宽度参数的CSS。如果我用

width:initial

覆盖参数，则块将扩展为全宽。我希望（也希望）它能占据显示内容所需的最小尺寸

这是一本书。单击文本打开对话框，看到它扩展到全宽

---

如何调整css，使div刚好足够大以适应其内容？

在JSFIDLE中，.ngDialog附加到div，并且不会覆盖其css

显示：块属性，这就是为什么框跨越整个屏幕；它与width属性无关。将.ngDialog设置为包含
显示：内联块并删除宽度的所有属性。
在JSFIDLE中，.ngDialog附加到div，并且不会覆盖其CSS
显示：块属性，这就是为什么框跨越整个屏幕；它与width属性无关。将.ngDialog设置为包含
显示：内联块并删除宽度的所有属性。
因为css默认为：

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

如果覆盖
宽度：450px
，则作为
div
-块级元素-默认为全宽

您可以将其更改为
display:inline block
，使其“刚好适合”
，因为css默认为：

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

如果覆盖
宽度：450px
，则作为
div
-块级元素-默认为全宽

您可以将其更改为
display:inline block
以使其“刚好合适”
您可以自定义ngDialog主题，如下所示：

ngDialog.open({
                template: 'externalTemplate.html',
                className: 'ngdialog-theme-mine,
                scope: $scope
            });

我将“ngdialog-theme-default”块从ngdialog-theme-default.css复制到mine.css，然后更改“width”并将其重命名为“ngdialog-theme-mine”

它可以工作。
您可以自定义ngDialog主题，如下所示：

ngDialog.open({
                template: 'externalTemplate.html',
                className: 'ngdialog-theme-mine,
                scope: $scope
            });

我将“ngdialog-theme-default”块从ngdialog-theme-default.css复制到mine.css，然后更改“width”并将其重命名为“ngdialog-theme-mine”

它可以工作。
您可以使用css属性显示

display:table; 

如果您只想在
ngDialog
中显示html表格，这将非常有效，并将您的表格放入其中

确保你的桌子宽度

您可以使用css属性显示

display:table; 

如果您只想在
ngDialog
中显示html表格，这将非常有效，并将您的表格放入其中

确保你的桌子宽度

现在我觉得自己很笨。我使用
display:inline block
和
float
与
.clearfix
配合使用，以至于我把它们的行为误认为是标准的
block
行为。非常感谢。现在我觉得自己很笨。我使用
display:inline block
和
float
与
.clearfix
配合使用，以至于我把它们的行为误认为是标准的
block
行为。非常感谢。一句话不能算是答案。。！！一句话不能算是答案。。！！我希望在同一页面中包含（模态）html元素，而不是创建外部html文件（externalTemplate.html'）。任何建议！我希望在同一页面中包含（模态）html元素，而不是创建外部html文件（externalTemplate.html'）。任何建议！