MudBlazor网格-对齐每一行的高度
MudBlazor网格-对齐每一行的高度
提问于 2021-12-29 15:38:20
我有这个MudGrid，它有4个动态内容和高度的MudCard项。
<MudGrid>
<MudItem xs="12">
<MudGrid>
<MudItem xs="6">
<MudCard>
<MudCardContent>
Line1<br/>
Line1<br/>
Line1<br/>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="6">
<MudCard>
<MudCardContent>
Line1<br/>
Line1<br/>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="6">
<MudCard>
<MudCardContent>
Line1<br/>
Line1<br/>
Line1<br/>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="6">
<MudCard>
<MudCardContent>
Line1<br/>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
</MudItem>
</MudGrid>可在这个网址上找到：https://try.mudblazor.com/snippet/mOclFQwNJgFhMuBf
是否有可能使每个MudCard在同一行/行上的高度对齐？
回答 2
Stack Overflow用户
发布于 2022-01-04 12:02:35
我对扑克牌也有类似的问题。
您不需要使用flex或来自mudblazor的东西。只需使用style=“高度:100%”
我已经测试过了..。网格对齐很好。只有卡没有正确地弯曲..。
<MudGrid>
<MudItem xs="12">
<MudGrid>
<MudItem xs="6">
<MudCard style="height:100%">
<MudCardContent>
Line1<br/>
Line1<br/>
Line1<br/>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="6">
<MudCard style="height:100%">
<MudCardContent>
Line1<br/>
Line1<br/>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="6">
<MudCard style="height:100%">
<MudCardContent>
Line1<br/>
Line1<br/>
Line1<br/>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="6">
<MudCard style="height:100%">
<MudCardContent>
Line1<br/>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
</MudItem>Stack Overflow用户
发布于 2021-12-31 10:09:00
我也有同样的问题。我想在“选项卡”中建立一个网格。我按以下方式解决了这个问题。当然不是最好的方法
<MudGrid>
<MudItem Style="width: 70vh;">
<MudPaper Height="70vh" Elevation="3">
<MudText Typo="Typo.h6">Page 1</MudText>
</MudPaper>
</MudItem>
<MudItem Style="width: 70vh;">
<MudPaper Height="70vh" Elevation="3">
<MudText Typo="Typo.h6">Page 2</MudText>
</MudPaper>
</MudItem>
</MudGrid>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70521632
复制相关文章
相似问题
腾讯云开发者
