使用 MudBlazor 的所有 MudItem 大小相同

Question

我正在尝试在MudBlazor中制作电子商务风格的盒子，您可以在其中查看图像、产品名称和其他信息。

我目前正在使用MudGrid与相关的MudItem. 看这个例子：

正如您所看到的，各个高度的高度MudItem并不相同，但它会根据图像的大小进行调整。我希望MudItem它们都一样高并且保持响应（取决于显示设备）

您可以在这里找到代码：https://try.mudblazor.com/snippet/GaGcYmmFziEpEAPJ

Answer 1

我有同样的问题，您需要执行以下操作：

<MudGrid>
        <MudItem Style="display:flex;"> each card </MudItem>
        <MudItem Style="display:flex;"> each card </MudItem>
        <MudItem Style="display:flex;"> each card </MudItem>
</MudGrid>

然后您可以调整每张卡片的内容。另外，为了避免每次都调用 style，您可以在一个类中注入一些 css。