Html 如何在角形材质中对齐徽标的中心？

我正在制作一个顶部有工具栏的有角度的应用程序

最后放置一个左菜单按钮、徽标、按钮和文本

问题：

这里，中间的徽标不是工具栏的中心，而是工具栏的中心 居中至第一个菜单按钮和徽标文本后的另一个按钮

要求：

中心的徽标需要位于整个工具栏的中心 不管它旁边放的是什么

工作堆栈闪电战：

---

只需制作工具栏

position:relative

，并用

.logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

---

P>这样，logo就在中间，不管怎样。当然，不要忘了始终将操作粘贴到右侧（可以将

边距左侧：自动

添加到操作，或者添加

对齐内容：整个工具栏之间的空间）
边距左侧
和
边距顶部
，您可以使用<代码>左边距：43px

margin top:0px

我相信这对所有设备都不起作用。它在其他设备上也能起作用，因为徽标可能有不同的大小（或长度）。根据徽标大小，您必须设置边距。我试着用logo文本大写和set。这将改变其他元素的位置。在stackblitz中更新并在此处给出。如果我在此处实现您的代码，请查看会发生什么。右侧的操作部分位于左侧，并且已经

justify content:space-between

用于整个工具栏。。您可以看到上面的stackblitz..正如我所说，您可以通过两种方法实现这一点。然后使用

marginleft:auto

执行以下操作：