如何设置 $mdDialog 的最大宽度？

Posted 2023-03-06

【中文标题】如何设置 $mdDialog 的最大宽度？

【英文标题】：How to set up the max-width of $mdDialog?

【发布时间】：2016-11-11 10:35:28

【问题描述】：

我是 CSS 新手，无法正确设置确认对话框的最大宽度。这是我调用对话框的代码：

this.$mdDialog.show(
  content: longText,
  ok: 'OK',
  cancel: 'CANCEL'
  clickOutsideToClose: true,
);

问题是我的longText 没有携带，而且我的对话框水平拉伸得很厉害。 我尝试在本地添加style.less 并像这样确定max-width：

.md-dialog 
  max-width: 300px;

但是没有变化。 有人可以帮我吗？

【问题讨论】：

您可以在这里复制您的查看代码吗？

@developer033 你的意思是浏览器的代码吗？

看看我的回答。

【参考方案1】：

要实现你想要的，你应该使用这种方式：

.md-dialog-content 
  max-width: 300px;

【讨论】：

我已经尝试过像你写的那样做。但这没有任何意义。我认为问题是我从globalService 调用的确认对话框。我说的对吗？

即使你只放.md-dialog-content 而不是2个类？

不。只有当我在globalService 中更改我的confirm.html 时才是正确的。如果我在我的本地 style.less 中添加这些行，那就没有意义了。

顺便说一句，由于我在项目中的硬架构，我认为我可以将您的帖子标记为答案。

在 codepen material.angularjs.org/latest/demo/dialog 上查看他们的代码，如果您按照我所说的那样更改 CSS，它也会更改 width。跨度>

【参考方案2】：

你可以试试

md-dialog
max-width: 300px;

因为 md-dialog 不是一个类，它是预先定义角材料的指令