.net-core - 使用 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>

然后你可以调整每张卡片的内容。还要避免每次调用样式时都可以在一个类中注入一些 CSS。