MatBlazor - MatNavMenu 中向下箭头的位置不正确答案

【问题标题】：MatBlazor - Position of down arrow is not correct in MatNavMenuMatBlazor - MatNavMenu 中向下箭头的位置不正确
【发布时间】：2020-07-18 12:25:51
【问题描述】：

我将 MatBlazor 用于我的 Blazor 服务器端项目。我创建了 MatNavMenu 但在子菜单中箭头的位置不正确。

请看箭头的位置，它有点向下不居中。这是我正在使用的代码

<MatNavMenu>
<MatNavSubMenu>
    <MatNavItem><MatIcon Icon="dashboard"></MatIcon>&nbsp; Dashboard</MatNavItem>
    <MatNavSubMenuHeader>
        <MatNavItem AllowSelection="false"><MatIcon Icon="location_city"></MatIcon>&nbsp; City Management</MatNavItem>
    </MatNavSubMenuHeader>
    <MatNavSubMenuList>
        <MatNavItem Href="#"><MatIcon Icon="list"></MatIcon>&nbsp; Cites</MatNavItem>
        <MatNavItem Href="/City/AddNew"><MatIcon Icon="add"></MatIcon>&nbsp; Add New</MatNavItem>
    </MatNavSubMenuList>
</MatNavSubMenu>
</MatNavMenu>

任何帮助都将受到高度评价。

谢谢

【问题讨论】：

标签： blazor blazor-server-side matblazor

【解决方案1】：

我刚刚遇到了同样的问题，这里发生的情况是另一个包的样式干扰了 matblazor 的样式

正如您在此 gif 中看到的，问题在于另一个库正在将 line-height 添加到正文并使其下降一点。

要解决此问题，您可以使用 line-height: normal; 重置值

【讨论】：

哪个包是问题所在。我为 MatBlazor 编写了 MatNavMenu。感谢您对这个问题的洞察力！