MudBlazor：如何对齐 MudIcon 以使其与 MudText 对齐？

Question

在 MudBlazor 中，将 MudIcon 与某些相应的 MudText 对齐的最简洁方法是什么。

{
  <CardHeaderContent>
     <MudText Typo="Typo.h6" Align="Align.Center">
       <MudIcon Icon="@Icons.Material.Filled.Business" Title="Favorite" /> Company Details
      </MudText>
  </CardHeaderContent>
}

上面的图标与文本不对齐。

？

Answer 1

由于您有 的MudIcon子内容MudText，那么您可以将 变成MudText弹性盒 和align-center。

<CardHeaderContent>
    <MudText Typo="Typo.h6" Class="d-flex align-center justify-center">
        <MudIcon Icon="@Icons.Material.Filled.Business" Title="Favorite" /> Company Details
    </MudText>
</CardHeaderContent>