我怎样才能正确设置这个标志,这样我的菜单按钮就不会在 SyncFusion 中消失?

How can I set this logo correct so my menu button wont dissapear in SyncFusion?

我正在尝试构建一个新的 syncfusion blazor 应用程序,但我在放置徽标时遇到了困难。

我想在菜单顶部显示徽标而不是项目名称,但是当我放置图像而不是文本时,按钮将向下移动并且不再可见:

enter image description here

应该是这样的:

enter image description here

正如您在图 1 中看到的那样,有很多不必要的空白 space,我只想让徽标 + 菜单按钮适合 1 行而不是彼此下方,我该如何实现?

这是我当前使用的代码:

<div class="top-row pl-4 navbar navbar-dark">
<a class="navbar-brand" href="fleetoverview" ><img src="/Resources/randomlogo.png" width="50%" height="70%" /></a>
<button class="navbar-toggler" @onclick="ToggleNavMenu">
    <span class="navbar-toggler-icon"></span>
</button>

提前致谢

尼尔斯,

您不应在 中设置图像宽度和高度的百分比值。如果是这样,a 标签将填满整行并显示为您的 post.

为了不影响您的菜单按钮,您可以尝试像下面的代码一样修复徽标的宽度和高度:

<div class="top-row pl-4 navbar navbar-dark">
<a class="navbar-brand" href="">

<img src="/Resources/randomlogo.png" width="82" height="36" />

</a>
<button class="navbar-toggler" @onclick="ToggleNavMenu">
    <span class="navbar-toggler-icon"></span>
</button>

调整宽度和高度的值以获得更好的视图。