css - 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 转换为 Flexbox 并对齐-中心。

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