MudBlazor中如何让MudIcon与MudText对齐？

要解决你代码里图标和文本不对齐的问题，最简洁的两种实现方式如下：

方法一：使用MudIcon原生参数 #

直接给MudIcon添加VerticalAlign="VerticalAlign.Middle"参数，利用MudBlazor内置的垂直对齐配置：

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

方法二：利用Bootstrap对齐类 #

MudBlazor基于Bootstrap生态，给MudIcon添加align-middle类也能快速实现对齐：

<CardHeaderContent>
    <MudText Typo="Typo.h6" Align="Align.Center">
        <MudIcon Icon="@Icons.Material.Filled.Business" Title="Favorite" Class="align-middle" /> Company Details
    </MudText>
</CardHeaderContent>

这两种方式都无需额外嵌套容器或编写自定义CSS，是直接高效的对齐方案。

内容的提问来源于stack exchange，提问作者Choco