【问题标题】:How can I set the width of Dialog in Material UI based on the changing content?Material UI 中 Dialog 的宽度如何根据变化的内容进行设置?
【发布时间】:2023-01-22 06:45:54
【问题描述】:

我正在用 MUI 创建一个对话框,其中包含三种宽度非常不同的内容。

首先,我需要上传一张图片,然后在第二个内容中我需要裁剪它,第三个我必须能够为其添加标题。那么,如何设置对话框的宽度,即使选择了不同尺寸的图像,它也能完全显示出来?

【问题讨论】:

  • 我更喜欢通过 js 和 css 创建我的背景和窗口。当我们使用自定义风格的Mui组件时,意味着我们熟悉了Mui风格的大部分属性。我觉得mui的教程和资源还不够多……不过Mui的图标很好用。

标签: reactjs material-ui dialog width crop


【解决方案1】:

对于该对话框,添加 sx = {{ width:'fitContent' }} 并尝试是否可行

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-28
    • 1970-01-01
    • 2013-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多